Javascript 选择下拉菜单元素后保持下拉菜单打开
正在使用的下拉菜单是引导菜单。代码如下Javascript 选择下拉菜单元素后保持下拉菜单打开,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,正在使用的下拉菜单是引导菜单。代码如下 <li id="changethis" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">LINK</a> <ul class="dropdown-menu"> <li id="clickme"><a href="#">Link1</a></li>
<li id="changethis" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LINK</a>
<ul class="dropdown-menu">
<li id="clickme"><a href="#">Link1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</a>
<li>
单击Link1,我希望将li类更改为下拉打开。我的控制台没有收到任何错误,但是下拉类没有改变
正如Jack所指出的,您应该能够处理单击列表项的操作,并防止它冒泡出来,例如:
$('clickme')。单击(函数(e){
e、 停止传播()
});
堆栈片段中的演示:
$('clickme')。单击(函数(e){
e、 停止传播()
});代码>
你能在works中添加你的代码吗?这里很好:这里:你想更改这个元素吗注意$(this).addClass('dropdown open');正在引用clickme liCheck out。这就是你所需要的。这将防止链接的父级收到事件通知,从而使下拉列表保持打开状态。您不需要删除或添加类。只需记住将事件
传递到函数中(您可以随意命名它)。
$(document).ready(function () {
$('#clickme').on('click', function () {
$('#changethis').removeClass('dropdown');
$(this).addClass('dropdown open');
});
});