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/