如何通过单击外部按钮打开引导下拉菜单答案

【问题标题】：How to open bootstrap dropdown by external button click如何通过单击外部按钮打开引导下拉菜单
【发布时间】：2015-06-25 09:06:44
【问题描述】：

我已经阅读了互联网的一半，但无处可找到有关如何执行此操作的明确示例。一堆“解决方案”，但到目前为止没有任何效果..

这是我尝试过的：

$('#openner').on('click', function(e){
    e.preventDefault();
    // Nothing works bellow :(
    //$('.dropdown-toggle').trigger('click');
    //$('.dropdown-toggle').click().parent().addClass('open');
    //$('.dropdown-toggle').trigger('click.bs.dropdown'');
    $('.dropdown-toggle').click().addClass('open');
});

JSFiddle

【问题讨论】：

标签： javascript jquery twitter-bootstrap

【解决方案1】：

试试：

$('#openner').on('click', function(e){
   $('ul[aria-labelledby="dropdownMenu1"]').toggle();
});

jsfiddle：http://jsfiddle.net/mLuarcdc/4/

【讨论】：

好吧，似乎工作正常，但需要注意的是，原始切换按钮上的“正常”点击事件不起作用。我需要它们都工作。
我检查得更好，点击外部按钮后，原来的切换按钮停止工作。有什么想法吗？

【解决方案2】：

好的，这是我在调整之后的答案。我意识到我无法更改 div.dropdown 上的 .open 类，所以我决定使用我自己的类，在本例中为 .opened，并且一切正常。

代码：

$('#openner').on('click', function(e){
    e.preventDefault();
    // Nothing works bellow :(
    //$('.dropdown-toggle').trigger('click');
    //$('.dropdown-toggle').click().parent().addClass('open');
    //$('.dropdown-toggle').trigger('click.bs.dropdown'');

    $('.dropdown-toggle').click().parent().toggleClass('opened');
});

这里：Fiddle

【讨论】：