自动判断CSS或js文件是否在加载CSS后添加到页面中。

最近,我正在写项目的框架。我写了一个类jquerymessagebox用对话框显示消息框()在jQuery UI。为了使该方法方便调用,我们添加ui.js和ui.css添加自动判断网页。代码如下:


如果不包括 / / ui.js,参考
如果($(jquery-ui-1.8.11.custom.min.js 'script { SRC =)。长度= = 0)车削
$()AppendTo();
} }
如果没有CSS加载,加载
如果($(jquery-ui-1.8.14.custom.css 'link {参考$ =)。长度= = 0)车削
$(),(AppendTo);

对话框()脚本
} }


但CSS代码不能立即加载,所以在显示的时候,对话框没有风格(可以在IE9因为IE9 CSS甚至下载后将重绘的网页元素,而IE8不是)。为了解决这个问题,你可以使用ajax,当CSS被加载时,然后根据对话框,这样你就可以进行样式显示,代码如下:


如果($(jquery-ui-1.8.14.custom.css 'link {参考$ =){。长度= = 0)
$ ajax({
网址: / / jquery-ui-1.8.14 CSS,CSS的习俗,
成功:函数(数据){
创建一个样式元素,并添加到头部
图像路径替换
$(),(AppendTo);
对话框()脚本;
}
});
}
{其他
对话框()脚本;
}