Toggle Bootstrap Dropdown durch Klick auf den Link in modal

Question

Wenn ein Formular das modale vorgelegt Feld erscheint. Diese Box enthält einen Text mit einem Link. Klicken Sie auf diesen Link, um dieses Feld zu schließen und das Dropdown-Menü (Auth-Formular) zu aktivieren. Das Problem ist, dass ich nicht mit dem Umschalten des Dropdown-Menüs umgehen kann, indem ich auf diesen Link klicke. Hier

ist der Code der Klick-Handler zu diesem Link

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

Warum es nicht funktioniert? Ich habe auch versucht, Drop-Down-Toggling innerhalb der 'hide.bs.modal', versuchte .trigger ('click') zu bewegen. Nichts half. Aber einfaches Laufen

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

von der Konsole funktioniert gut.

Answer 1

Schauen Sie sich diese Stack-Überlauf Frage auf How to open Bootstrap dropdown programmatically. Es gibt eine Reihe von Lösungen, können Sie versuchen, wie zum Beispiel:

das click.bs.dropdown Auslösendes Ereignis:

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

oder manuell das Hinzufügen/Entfernen von Klassen:

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

Answer 2

In mein Fall es war genug, e.stopPropagation() hinzuzufügen;