如何通过单击外部按钮打开引导程序下拉列表

How to open bootstrap dropdown by external button click

本文关键字：引导程序 下拉列表 按钮 何通过 单击 外部      更新时间：2023-09-26

我在互联网上读了一半的书，但却找不到关于如何做到这一点的明确例子。一堆"解决方案"，但到目前为止还没有奏效。。

以下是我尝试过的：

$('#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

尝试：

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

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

好吧，这是我经过所有调整后的答案。我意识到我不能更改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

相关文章：