javascript - Jquery addClass() 不工作

Question

我试过这段代码:

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

但是绝对不行!如果我手动添加，.active 类可以正常工作。

html代码

  

  <div class="vehicletype">
    <ul class="vehicletypes">
    	<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(){
});

所以我看不出您使用它两次的任何原因。

你可能想要的是:

$(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');
    });
});