我需要通过 JavaScript 打开 Bootstrap 下拉菜单。 This answer建议添加和删除 open
类,但是当我尝试这样做时,没有任何反应。添加不同的类效果很好。 Bootstrap 是否阻止我这样做?
JSFiddle 上的工作示例.
HTML
<input type="button" value="Add Classes" />
<div class="dropdown">
<a data-toggle="dropdown" href="#">Dropdown Trigger</a>
<div class="dropdown-menu">Dropdown Content</div>
</div>
JS
$('input').click(function () {
$('.dropdown').addClass('open');
$('.dropdown').addClass('test-class');
});
最佳答案
您的主要问题是您没有阻止点击事件传播到文档
。 Bootstrap 在关闭下拉菜单的 document
上设置了一个事件监听器。
$('input').on('click', function (e) {
e.stopPropagation();
$(this).next('.dropdown').find('[data-toggle=dropdown]').dropdown('toggle');
});
jsFiddle - http://jsfiddle.net/8p6Wd/2/
关于javascript - 使用 JS 触发 Bootstrap 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21035565/