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

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/

Jquery addClass（）不起作用

3 个答案: