Wie verhindert man Bootsrap Collapse bei Klick?

Question

Ich habe eine Div, die Bootstrap Collapse beim Klicken auslöst.

Innerhalb dieser div habe ich auch eine Schaltfläche, die ein Bootstrap-Modal auslöst.

Problem ist, wenn Sie auf den Modal-Trigger klicken, wird sowohl das Modal getriggert und der Zusammenbruch. Ich möchte nur das Modal auslösen.

Gibt es eine Möglichkeit, Bootstrap Collapse beim Klicken zu verhindern?

ZB:

$("[data-toggle='collapse'] [data-toggle='modal']").click(function() { 
     $(this).parent().SomehowStopCollapse; 
    }); 

Answer 1

Sie können event.stopPropagation() verwenden es verhindert, dass das Ereignis von sprudelnden den DOM-Baum nach oben und verhindert dass alle Elternbetreuer von der Veranstaltung benachrichtigt werden.

$("[data-toggle='collapse'] [data-toggle='modal']").click(function(event) { 
    event.stopPropagation(); 
    var thisModal = $(this).attr('data-target'); 
    $(thisModal).modal('show'); 
}); 

Answer 2

den Auslöser zu einem Ereignis event.preventDefault oder event.stopPropagation() auslösen nicht Ereignis in Eltern verwenden Nutzung zu verhindern.

Es ist so etwas wie, was Sie brauchen?

ejem.

$("[data-toggle='collapse'] [data-toggle='modal']").click(function() { 
     event.stopPropagation() // or 
     event.preventDefault 
     $(this).parent().SomehowStopCollapse; 
    }); 

Answer 3

entfernen Sie die Daten-Toggle = ‚Zusammenbruch‘ in Ihrer Taste, vergessen Sie nicht, auch die richtige Ziel zu setzen ...