Question

当我向li添加活动类时，它正常工作但在li中添加或删除类时没有工作链接。单击锚标记时不会重定向任何位置。

这是html代码

<ul id="navig">
  <li class="one active"><a href="one">One</a></li>
  <li class="two"><a href="two">Two</a></li>
  <li class="three mobileonly"><a href="#">Three</a>
  <ul>
  <li class="one"><a href="one">One</a></li>
  <li class="two"><a href="two">Two</a></li>
  </ul>
  </li>
</ul>

这是我的jquery代码。

$(document).ready(function() {
$('#navig li').click(function(){     
    $('li').removeClass('active');
    $('li ul li').removeClass('active');

    $(this).addClass('active');
    $("li.mobileonly").removeClass('active');
});


  $('#navig li').hover(

    function() {
      //show its submenu
      $('ul', this).stop().slideDown(100);
    },
    function() {
      //hide its submenu
      $('ul', this).stop().slideUp(100);
    }
  );

});

Answer 1

你正在尝试这个吗？ fiddle

         $(document).on("click","#navig li a",function(){     
                $('li').removeClass('active');
                $('li ul li').removeClass('active');

                $(this).parent().addClass('active');
                $("li.mobileonly").removeClass('active');
            });

            $(document).ready(function() {
              $('#navig li').hover(

                function() {
                  //show its submenu
                  $('ul', this).stop().slideDown(100);
                },
                function() {
                  //hide its submenu
                  $('ul', this).stop().slideUp(100);
                }
              );

            });

Answer 2

您需要提供有效的href值，而不仅仅是随机文本字符串。

<ul id="navig">
    <li class="one active">
        <a href="#one">One</a>
    </li>
    <li class="two">
        <a href="#two">Two</a>
    </li>
    <li class="three mobileonly">
        <a href="#three">Three</a>

        <ul>
            <li class="one">
                <a href="#one">One</a>
            </li>
            <li class="two">
                <a href="#two">Two</a>
            </li>
        </ul>
    </li>
</ul>

这个小提琴将console.log当前点击的链接href值;

http://jsfiddle.net/seemly/b5oj5au9/1/

在li中添加和删除类时，锚链接不起作用

2 个答案: