Question

我遇到了jQuery和bootstrap下拉列表的问题。这种方法有效：

$("ul li#airlines-list.dropdown.hlink").addClass("open");

但是这种方法不起作用：

$(document).on('click', '#register-btn', function()
    {
        $("ul li#airlines-list.dropdown.hlink").addClass("open");
    });

-

<a id="register-btn" class="register-btn btn btn-custom btn-rnd animated    
fadeInDown wow">Register</a>
<li id="airlines-list" class="dropdown hlink">
<a id="airlines-btn" href="#" data-toggle="dropdown" aria-expanded="true"><i class="ion-plane"></i>
</a>
<ul id="airlines" class="airlines dropdown-menu arrow">
//somestuff 
</ul>
</li>

有什么问题？

当我加载页面时，它会立即显示下拉列表。但是当我点击register-btn时，它什么也没做。

Answer 1

好的，有两件事。首先，既然你有唯一的ID（或者至少我希望如此 - 那就是html id的整个想法......），它足以让$("#airlines-list")代替{ {1}}。

其次，当您绑定单击函数时，您可能希望首先选择要将其绑定到的对象，而不是整个文档。请查看下面的代码段。

＆＃13;

$("ul li#airlines-list.dropdown.hlink")

＆＃13;

$('#register-btn').on('click', function()
    {
        alert("click");
        $("#airlines-list").addClass("open");
    });

＆＃13;

jquery addClass正在加载，但没有点击

1 个答案: