通过单击模式中的链接来切换 Bootstrap 下拉菜单答案

【问题标题】：Toggle Bootstrap dropdown by click on the link in modal通过单击模式中的链接来切换 Bootstrap 下拉菜单
【发布时间】：2016-07-15 19:12:31
【问题描述】：

当表单提交时，模式框会出现。此框包含带有链接的文本。单击此链接应关闭此框并切换下拉列表（身份验证表单）。问题是我无法通过单击此链接来切换下拉菜单。

这是此链接的点击处理程序代码

$(function() {
    $('#open_auth_form').click(function(e) {
        e.preventDefault();
        $('#participate_modal').modal('hide');
        $('#auth_link').dropdown('toggle');
    });
});

为什么它不起作用？我还尝试在“hide.bs.modal”内移动下拉切换，尝试使用.trigger（“点击”）。没有任何帮助。但运行简单

$('#auth_link').dropdown('toggle');

从控制台运行良好。

【问题讨论】：

标签： javascript twitter-bootstrap bootstrap-modal

【解决方案1】：

在How to open Bootstrap dropdown programmatically 上查看这个堆栈溢出问题。您可以尝试多种解决方案，例如：

触发 click.bs.dropdown 事件：

$('#dropdown').trigger('click.bs.dropdown');

或者手动添加/删除类：

$('.dropdown').addClass('open'); // Opens the dropdown
$('.dropdown').removeClass('open'); // Closes it

【讨论】：

【解决方案2】：

在我的情况下，添加就足够了 e.stopPropagation();

【讨论】：