Question

我有使用jquery设置活动菜单的休眠代码：

    <script>
       $(document).ready(function(){
          var url = (window.location.href).split("/").pop();
          $('.menu-sidebar a[href="'+url+'"]').addClass('active');
       });
   </script>

它适用的HTML：

 <nav class="menu-sidebar">
   <ul>
     <li><a href="about" title="About">About us</a></li>
     <li><a href="faq" title="FAQ">FAQ</a></li>
   </ul>
 </nav>

它运作正常。问题是：如果我有一个URL调用div，如www.site.com/about#team，菜单会松开活动突出显示。

有人可以帮我改进这个脚本，以便与#in页面一起使用吗？另外，有人可以告诉我它是否是使用jquery执行此操作的最佳方法？有更完整或更安全的方式吗？

提前致谢。

Answer 1

您可以使用location.pathname代替window.location.href。 location.pathname只返回路径名，该路径名是http://www.site.com之后的所有内容以及#team之前的所有内容。

使用jQuery的活动菜单

1 个答案: