样式文件太大太多,首次加载页面后,样式错乱的解决办法

1.js控制页面只刷新一次

window.onload(){
if(location.href.indexOf(‘#reloaded‘)==-1){
location.href=location.href+"#reloaded";
location.reload();
}
}

2.第二种只刷新一次
$(function(){
if($.cookie("refresh")!="no"){
setTimeout(function(){
window.location.reload();
$.cookie("refresh","no");
},5000);
}
});

3.

function refresh(){ window.location.reload(); setTimeout(refresh , 5000); }

原文地址:https://www.cnblogs.com/sjzgk/p/10717698.html

时间: 2024-10-01 07:02:42

样式文件太大太多,首次加载页面后,样式错乱的解决办法的相关文章

WPF循环加载图片导致内存溢出的解决办法

程序场景:一系列的图片,从第一张到最后一张依次加载图片,形成"动画". 生成BitmapImage的方法有多种: 1. var source=new BitmapImage(new Uri("图片路径",UriKind.xxx)); 一般的场景使用这种方法还是比较方便快捷,但是对于本场景,内存恐怕得爆. 2. var data =File.ReadAllBytes("图片路径"); var ms = new System.IO.MemoryStr

PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题

PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题,PageSlider中加入CSS3动画的话,默认只有首屏是从无到有执行动画,其他屏都是显示下页面再执行动画 这就造成其他屏的动画展示效果不好,解决方法,让所有屏的背景可见,但是只要当前屏的元素可见; 上代码: .page { width: 100%; height: 100%; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; div, ul,

解决手淘lib-flexible.js在移动端首次加载页面页面先放大后正常问题

例如这样 然后这样 出现这样的原因一般是   静态的,即html里有一些静态的(即非js动态添加的) 如果在页面加载完成后,页面是用js动态添加的,这个问题就不太明显, doc.addEventListener('DOMContentLoaded', function(e) { doc.body.style.fontSize = 12 * dpr + 'px'; }, false); 这段代码是起主要作用的,但是这段代码是在页面初始化完毕才执行的(即把把其他引用的js文件下载好,并且里面的函数都

jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法

转自:http://www.cnblogs.com/sunjie9606/archive/2012/09/13/2683636.html 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout" 等 处理方法: 在html片段加载完毕后使用 Js代码 $.parser.parse(context) 即可重新渲染. 实现原理: 首先附上jquery.parser.js的源码 Js代码 (function($){ $.parser

Bootstrap 模态对话框只加载一次 remote 数据的解决办法

前端框架 Bootstrap 的模态对话框,可以使用 remote 选项指定一个 URL,这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中,但是它只会加载一次,不过通过在事件中调用 removeData() 方法可以解决这个问题. Bootstrap modals dialog hidden removeData 目录[-] 1. Bootstrap 模态对话框和简单使用 2. 使用 remote 选项让模态对话框加载页面到 .modal-body 中 2.1

Bootstrap 模态对话框只加载一次 remote 数据的解决办法(来源于网络)

1. Bootstrap 模态对话框和简单使用 1 2 3 4 5 6 7 8 9 10 11 12 13 <div id="myModal" class="modal hide fade">     <div class="modal-header">         <button type="button" class="close" data-dismiss="

使用custombox 和 validate 对动态加载的表达无法验证的解决办法

custombox.min.js  v3.0.2 jquery.validate.min.js jQuery Validation Plugin - v1.14.0 客户端用MVC的分部视图动态载入到主视图,js文件都在主视图调用 在custombox中使用 jQuery Validation针对动态添加的表单无法工作,验证不起作用,这里参考了网友大内老A的这篇文章如何解决jQuery Validation针对动态添加的表单无法工作的问题?问题得到解决 就是在动态载入的分部视图内加上这个自定义函

(十) ng-inlude指令加载页面失败的原因和解决方法

angularjs中提供的ng-include指令,很类似于JSP中的<jsp:include>用来将多个子页面合并到同一个父页面中,避免父页面过大,可读性差,不好维护. 父页面parent.html代码如下: <html> <head> <script src="angular-1.2.2/angular.js"></script> <script> function rootController($scope,

关于wordpress后台首页加载ajax.googleapis特别慢的解决办法

通过审查元素发现,拖慢后台加载速度的主要是两个路径 1.https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js 2.http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css 都是谷歌的,现在国内访问谷歌几乎是访问不了,必须要FQ才可以,下面是解决这两东西的办法 第一种: 通过wordpress后台安装 ‘