javascript - javascript 或 jquery 中的 CSS @media

Question

我需要一点帮助。我在 html 和 css 中创建了一个导航菜单（带有特定的媒体查询），而我编写的 javascript (jquery) 代码如下所示：

var x = $('#nav-menu > ul').children().length;
alert(x);

$('#nav-menu > ul li').css(width, x);

但是代码中的最后一行我想更改特定的媒体查询。

那可能吗？

提前致谢。

Answer 1

使用.css会创建一个内联样式，实际上并不会更改包含正在应用的规则的 CSS 文件。相反，创建一个类并在媒体查询中为您要更改的属性添加一个规则，并根据需要在 JavaScript 中使用.addClass和removeClass。

编辑：刚刚看到bergi的评论基本上是相同的想法。希望这有助于理解原因。