单击模态中的链接切换Bootstrap下拉列表

Question

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

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

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

为什么它不起作用？我还试图在＆＃39; hide.bs.modal＆＃39;内移动下拉菜单，尝试.trigger（＆＃39;点击＆＃39;）。什么都没有帮助。但是简单的运行

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

来自控制台的

效果很好。

Answer 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

Answer 2

在我的情况下，它足以添加     e.stopPropagation（）;