本文介绍了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头的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-15 03:35