判断在css加载完毕后执行后续代码示例

前端之家收集整理的这篇文章主要介绍了判断在css加载完毕后执行后续代码示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下:

"").appendTo('head'); }} //如果没有加载css,则加载 if ($('link[ref$=""jquery-ui-1.8.14.custom.css""]').length == 0) {{ $('').appendTo('head');

//dialog() script
}}

但CSS代码不会立即加载下来,于是在显示dialog的时候则不会有样式(在IE9下可以,因为在IE9下CSS即使后下载下来,也会重新绘制页面元素,而IE8则不会).解决此问题的方法,可以使用ajax,当css加载完毕后,再显示dialog,这样就可以带着样式显示出来了,代码如下:

').appendTo('head'); //dialog() script; } }); } else { //dialog() script; }

猜你在找的JavaScript相关文章