jQuery的addClass（）不工作

Question

我試過這段代碼：

$(document).ready(function(){ 
    $('.dropdown-toggle').dropdown() 
    $(function() { 
     $('ul.vehicletypes li').click(function() { 
      $('ul.vehicletypes li').removeClass('active'); 
      $(this).addClass('active'); 
     }); 
    }); 
}); 

但絕對不工作！如果我添加manualy，.active類正在工作。

的HTML代碼

 

 
    <div class="vehicletype"> 
 
    <ul class="vehicletypes"> 
 
    \t <li ><a href="index.php?vehicletype=car">Car</a><li> 
 
     <li ><a href="index.php?vehicletype=van">Van</a><li> 
 
    </ul> 
 
    </div> 
 
    

Answer 1

以下

$(function() { 
}); 

相當於

$(document).ready(function(){ 
}); 

，所以我不SE e你爲什麼使用過兩次的任何原因。

，你可能想要的是以下幾點：

$(function() { 
    // Here you attach a click handler for the click event on the 
    // li elements of a ul. 
    $('ul.vehicletypes li').click(function() { 

     // You remove the active class 
     $('ul.vehicletypes li').removeClass('active'); 

     // You add the active class to the currently clicked li element. 
     $(this).addClass('active'); 
    }); 
}); 

Answer 2

只需使用此代碼。

$(document).ready(function(){ 
     $('ul.vehicletypes li').click(function() { 
      $('ul.vehicletypes li').removeClass('active'); 
      $(this).addClass('active'); 
     }); 
}); 

Answer 3

你錯過了一個分號下拉之後（） 請加載jQuery庫

$(document).ready(function(){ 
     $('.dropdown-toggle').dropdown(); 
     $(function() { 
      $('ul.vehicletypes li').click(function() { 
       $('ul.vehicletypes li').removeClass('active'); 
       $(this).addClass('active'); 
      }); 
     }); 
    }); 

請檢查此鏈接：https://jsfiddle.net/5e29901t/10/