在添加和刪除li中的類時，錨鏈接不起作用添加和刪除li中的類時

Question

當我將活動類添加到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/