通過點擊模式下的鏈接切換引導下拉菜單

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 

Answer 2

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