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