在jQuery中定位@import，没有ID，没有其他属性

我有这个jQuery代码：

$(document).ready(function() { function adjustStyle(width) { width = parseInt(width); if (width = 701) && (width < 900)) { $(('style[type="text/css"].attr([href=*400*]')).text('@import url("css/styles_800.css");'); } else { $(('style[type="text/css"].attr([href=*400*]')).text('@import url("css/styles_normal.css");'); } } $(function() { adjustStyle($(this).width()); $(window).resize(function() { adjustStyle($(this).width()); }); }); }); 

这是一个风格转换器。 我从这里得到这个代码 ，但我已经修改了一点因为我正在制作的webportal将合并服务器中的所有css，所以，我必须@import样式表只针对一个css并正确地更改它。

我不能给导入的CSS提供标题或ID（它是动态的），我尝试了上面的代码，因为我唯一的代码是：

  @import url('css/styles_400.css'); 

如你所见，我唯一的线索是URL。

我该如何定位这个CSS？ 我在jQuery方面的技能很少，而且我很确定我的代码出错了但是找不到合适的方法来定位它。

为什么我使用这个旧的styleswitcher而不是mediaqueries？ 因为我需要它用于IE7 （客户端要求 – 我敢肯定他们在星期六狩猎猛犸象） ，并且他们不喜欢respond.js和css3-mediaqueries因为在Plone中引起了奇怪的错误。

Answer 1

最后，经过几个小时的游戏，我找到了一个解决方案：

$（document）.ready（function（）{

 function adjustStyle(width) { width = parseInt(width); if (width < 701) { $('style:contains("styles")').text('@import url("css/styles_400.css");'); } else if ((width >= 701) && (width < 900)) { $('style:contains("styles")').text('@import url("css/styles_800.css");'); } else { $('style:contains("styles")').text('@import url("css/styles_normal.css");'); } } $(function() { adjustStyle($(this).width()); $(window).resize(function() { adjustStyle($(this).width()); }); }); 

}）;

它与jk类似。 代码，我删除了.html方法，因为有了这个，我无法正确定位CSS，但所有@import CSS都是。

另外，我更改了关键字，因为当页面加载“styles_800”时，其他地方没有“400”字符串....

Answer 2

给这个镜头：

更新：

 $(document).ready(function() { function adjustStyle(width) { width = parseInt(width, 10); if (width < 701) { $('style:contains("400")').empty().html('@import url("/css/style_400.css");'); } else if ((width >= 701) && (width < 900)) { $('style:contains("400")').empty().html('@import url("css/styles_800.css");'); } else { $('style:contains("400")').empty().html('@import url("css/styles_normal.css");'); } } $(function() { adjustStyle($(window).width()); $(window).resize(function() { adjustStyle($(this).width()); }); }); }); 

小提琴： http ： //jsfiddle.net/XLkRN/3/

resize可能有点不稳定。 如果resize在页面上多次触发，则可以将其置于超时状态。 网上有很多关于此的建议。