Question

首先，有哪些更好的方法可以实现jquery活动状态？我想给每个身体一个唯一的ID，并使用它来确定活动状态。这是一个好方法吗？

我如何为每个页面的body标签赋予一个唯一的id，然后使用jquery使用.addClass将活动状态添加到类似的菜单中？

 <body id="two">
  <nav>
    <ul>
      <li><a href="one.html">one</a></li>
      <li><a href="two.html">two</a></li>
      <li><a href="three.html">three</a></li>
    </ul>
  </nav> 
 </body>

我可以给每个李一个班级，无论哪一个匹配id都有一个类添加到它？寻找有关最佳方法的建议。

Answer 1

您似乎想要创建单个页面应用程序。有许多框架可以实现这种模式，包括：

这些框架在使用尝试创建单个页面应用程序时非常有用，但如果您希望自己实现它，您可以通过将模板存储在隐藏的DOM元素（如<script>标记中）来实现此目的。点击时切换身体的一部分。如果您想支持深层链接，请将子路径存储在URL中的哈希片段中。

Answer 2

if ($('body').is('#two') ){
   $( "ul li:nth-child(2)" ).addClass('active');
}

基于正文ID的Jquery活动状态

2 个答案: