Question

情况：我有两个样式表，一个有颜色信息（开关取决于子文件夹），另一个有其他一切。

我需要交换主css来调整大小按钮。

JS：

<script type="text/javascript" language="javascript" src="cookie.js"></script>
<script>
  if($.cookie("css")) {
     $("link").attr("href",$.cookie("css"));
  }
  $(document).ready(function() { 
  $("#nav li a").click(function() { 
     $("link").attr("href",$(this).attr('rel'));
     $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
     return false;
  });
});

HTML：

            <ul id="nav" style="float:right">
            <li><a href="#" rel="style1024.css">one</a></li>
            <li><a href="#" rel="style.css">two</a></li>
            </ul>

效果很好，唯一的问题是切换器似乎也将颜色样式切换为点击的样式。这可以用id标签来解决吗？

我有这个：

<link rel='stylesheet' id='main-css'  href='style.css' type='text/css' media='all' />
<link rel='stylesheet' id='color-css'  href='teal.css' type='text/css' media='all' />

但是如何让JS只改变“main-css rel”？

Answer 1

您可以选择ID，就像在CSS中一样：

$("#main-css").attr("href",$.cookie("css"));

使用jQuery切换样式，但不要更改所有这些样式

1 个答案: