モーダルのリンクをクリックしてブートストラップのドロップダウンを切り替えます

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にこのスタックオーバーフローの質問を確認してください。

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

または手動でクラスを追加/削除：click.bs.dropdownイベントをトリガ

：あなたのような試みることができるソリューションは数多くあります

で

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

Answer 2

私の場合それを追加するだけで十分だった e.stopPropagation（）;