本文介绍了jQuery的新增CSS头的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我异步增加一些脚本和样式表,我构建和想保持样式表都在头组合在一起的项目。
< HEAD>
<标题>家庭和LT; /标题>
<间的charset =UTF-8>
<链接rel =快捷方式图标类型=图像/ ICO的href =/ IMG / favicon.png> <! - 风格 - >
<链接rel =stylesheet属性HREF =/ CSS /字体和-colors.css类型=文/ CSS媒体=屏幕>
<链接rel =stylesheet属性HREF =/ CSS / layout.css中类型=文/ CSS媒体=屏幕> <! - JS - >
<脚本类型=文/ JavaScript的异步=SRC =/ JS /光box.js>< / SCRIPT>
<脚本类型=文/ JavaScript的SRC =/ JS / jQuery的-1.7.2.min.js>< / SCRIPT>
<脚本类型=文/ JavaScript的SRC =/ JS /年级button.js>< / SCRIPT>
<脚本>
$(文件)。就绪(函数(){
//一些code
});
< / SCRIPT>
<链接rel =stylesheet属性HREF =/ CSS / masterBlaster.css类型=文/ CSS媒体=屏幕>
< /头>
我目前使用
$(头)追加(<链接相对=样式HREF =/ CSS / masterBlaster.css类型=文/ CSS'媒体='屏幕>中);
这工作得很好,但它增加了我的头部分的底部,你可以看到的例子。
在我的OCD想无论是之前我的第一个风格链接或最后一个样式链接后添加它。
感谢您寻找。
解决方案
这将会把新的链接
最后链接后,
已经在头
元素。
$(头链接[相对='样式'])最后一个()后(<链接相对=样式HREF =/ CSS / masterBlaster。 CSS'类型='文字/ CSS的'媒体=屏幕>中);
不过,如果你不已经有一个适当的链接
这不会添加新的链接
。因此,你首先应该做一个检查:
变量$头= $(头);
变量$ headlinklast = $ head.find(链接[相对='样式']:最后一个);
VAR linkElement =<链接相对=样式HREF =/ CSS / masterBlaster.css类型=文/ CSS'媒体=屏幕>中;
如果($ headlinklast.length){
$ headlinklast.after(LinkElement)上;
}
其他{
$ head.append(LinkElement)上;
}
You should decide where exactly the link
is going to be placed. Theres a chance a different position might override existing styles.
这篇关于jQuery的新增CSS头的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!