JavaScript – 使用JS触发引导下拉列表

我需要通过JavaScript打开一个Bootstrap下拉菜单. This answer建议添加和删除开放类,但是当我尝试,没有任何反应.添加不同的类工作正常. 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在关闭下拉列表的文档上设置一个事件侦听器.

$('input').on('click', function (e) {
    e.stopPropagation();
    $(this).next('.dropdown').find('[data-toggle=dropdown]').dropdown('toggle');
});

jsFiddle – http://jsfiddle.net/8p6Wd/2/

https://stackoverflow.com/questions/21035565/trigger-bootstrap-dropdown-with-js

转载注明原文:JavaScript – 使用JS触发引导下拉列表