javascript - 删除导航链接上的事件类

Question

这是我的 HTML 菜单结构:

<div id="footer-menu">
                <ul>
                    <li><a id="creative-events-menu" href="#/creative-events"></a></li>
                    <li><a id="creative-ajans-menu" href="#/creative-ajans"></a></li>
                    <li><a id="incentive-travel-menu" href="#/incentive-travel"></a></li>
                </ul>
                <ul>
                    <li><a id="hakkimizda-menu" href="#/hakkimizda"></a></li>
                    <li><a id="haberler-menu" href="#/haberler"></a></li>
                    <li><a id="galeri-menu" href="#/galeri"></a></li>
                    <li><a id="referanslar-menu" href="#/referanslar"></a></li>
                    <li><a id="iletisim-menu" href="#/iletisim"></a></li>
</ul>
                    </ul>
            </div>

我想添加 active在事件菜单上上课并在我获得另一个页面时删除。

JS:

<script type="text/javascript">

$(function() {
    $('li a').click(function(e) {
        e.preventDefault();
        var $this = $(this);
        $this.closest('ul').find('.active').removeClass('active');
        $this.parent().addClass('active');

    });
});

</script>

此脚本添加active类但不删除。我该如何修复它？

Answer 1

以这种方式更改脚本，有效:

  <script type="text/javascript">
    $(function() {
        $('li a').click(function(e) {
            e.preventDefault();
            $(this).closest('ul').find('.active').removeClass('active');
            $(this).parent().addClass('active');
        });
    });
  </script>

如果你想将类添加到 <a> ，使用这个:$(this).addClass('active');而不是$(this).parent().addClass('active');

fiddle :http://jsbin.com/uyidom/1

<小时/>

是拼写错误还是您有 </ul>两次？