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

Question

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

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

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

为什么不起作用？我还尝试在“hide.bs.modal”内移动下拉菜单切换，尝试了.trigger('click')。没有任何帮助。但简单的运行

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