【发布时间】:2015-05-14 12:16:32
【问题描述】:
正在使用的下拉菜单是引导程序。代码如下
<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>
Jquery 代码如下所示
$(document).ready(function () {
$('#clickme').on('click', function () {
$('#changethis').removeClass('dropdown');
$(this).addClass('dropdown open');
});
});
点击 Link1 时,我希望将 li 类更改为下拉打开。我的控制台没有收到任何错误,但下拉类没有更改。
Bootply Link
【问题讨论】:
-
你能在jsfiddle.net添加你的代码
-
在这里工作正常:jsfiddle.net/n9xLsbby 和这里:bootply.com/9qgMp29vjK
-
你想改变这个元素吗?
- 注意 $(this).addClass('dropdown open');正在引用clickme li
-
查看event.stopPropagation()。这应该就是你所需要的。这将阻止链接的父母收到事件通知,从而保持下拉菜单打开。您无需删除或添加类。请记住将
event传递到您的函数中(您可以随意命名)。
标签: javascript jquery html twitter-bootstrap