数码资讯
自动判断CSS或js文件是否在加载CSS后添加到页面中。
最近,我正在写项目的框架。我写了一个类jquerymessagebox用对话框显示消息框()在jQuery UI。为了使该方法方便调用,我们添加ui.js和ui.css添加自动判断网页。代码如下: 如果不包括 / / ui.js,参考 如果($(jquery-ui-1.8.11.custom.min
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
最近,我正在写项目的框架。我写了一个类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);
对话框()脚本;
}
});
}
{其他
对话框()脚本;
}
如果不包括 / / 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);
对话框()脚本;
}
});
}
{其他
对话框()脚本;
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。