在css加载完毕后自动判断页面是否加入css或js文件
最近在写项目的framework，写个JQueryMessageBox的类，以使用jquery ui中的dialog()来显示消息框，为了使方法方便调用，便加入了自动判断页面是否加入了ui.js和ui.css,代码如下：
//如果没有包含ui.js,则引用
if ($('script[src$=""jquery-ui-1.8.11.custom.min.js""]').length == 0) {{
$(""<script src='/js/jquery-ui-1.8.11.custom.min.js' type='text/javascript' />"").appendTo('head');
}}
//如果没有加载css,则加载
if ($('link[ref$=""jquery-ui-1.8.14.custom.css""]').length == 0) {{
$('<link href=""/css/jquery-ui-1.8.14.custom.css"" rel=""stylesheet"" type=""text/css"" />').appendTo('head');
//dialog() script
}}
但CSS代码不会立即加载下来，于是在显示dialog的时候则不会有样式（在IE9下可以，因为在IE9下CSS即使后下载下来，也会重新绘制页面元素，而IE8则不会）.解决此问题的方法，可以使用ajax，当css加载完毕后，再显示dialog，这样就可以带着样式显示出来了，代码如下：
if ($('link[ref$=""jquery-ui-1.8.14.custom.css""]').length == 0) {
$.ajax({
url: '/css/jquery-ui-1.8.14.custom.css',
success: function(data) {
//创建一个style元素，并追加到head中
//替换其中images的路径
$('<style type="text/css">' + data.replace(/url\(images/g, 'url(/css/images') + '</style>').appendTo('head');
//dialog() script;
}
});
}
else {
//dialog() script;
}
-
本文向大家介绍js怎么判断flash swf文件是否加载完毕，包括了js怎么判断flash swf文件是否加载完毕的使用技巧和注意事项，需要的朋友参考一下 js怎么判断flash是否加载完毕了呢？ 我们怎么在flash加载完毕之时，回调一个我们设定的js函数？ 这个问题，一直困扰了我很久，直到今天，请教了一个非常牛B的人物之后，突然来了感觉！ 呵呵，也许，这个问题在你们看来不是问题，不过对于我来说
-
本文向大家介绍判断在css加载完毕后执行后续代码示例，包括了判断在css加载完毕后执行后续代码示例的使用技巧和注意事项，需要的朋友参考一下 最近在写项目的framework，写个JQueryMessageBox的类，以使用jquery ui中的dialog()来显示消息框，为了使方法方便调用，便加入了自动判断页面是否加入了ui.js和ui.css,代码如下： 但CSS代码不会立即加载下来，于是在显
-
本文向大家介绍JavaScript & jQuery完美判断图片是否加载完毕，包括了JavaScript & jQuery完美判断图片是否加载完毕的使用技巧和注意事项，需要的朋友参考一下 众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的div里边。 看起来很简单的样子，关键问题就出在图片的加载问题上，图片一般
-
一个webview加载本地css以及js文件的例子。点击”Click me“触发的动作是调用本地js文件完成的。 [Code4App.com]
-
问题内容： 我正在开发Web应用程序。我正在使用AngularJS将所有文件动态加载到UI中。 我有一个文件，可在单击或加载时将所有文件动态加载到其中。 现在我的登录页面看起来像下面的结构 现在我的问题是，尽管我能够加载手风琴的menu.html文件，但是却无法加载它所依赖的css和js文件。我已经研究了stackoverflow，但是没有一个对我有用。 任何人都可以帮助确定使用AngularJS
-
本文向大家介绍JavaScript判断图片是否已经加载完毕的方法汇总，包括了JavaScript判断图片是否已经加载完毕的方法汇总的使用技巧和注意事项，需要的朋友参考一下 在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可