2013-01-14 10 views
6

Ich habe ein verschachteltes Bootstrap Collapse mit einem Ereignis, das sowohl auf das übergeordnete als auch auf das untergeordnete Collapse feuert. Ich brauche es nur auf den Eltern Collapse und nicht auf das Kind zu feuern.Bootstrip Nested Collapse Nur mit Ereignissen bei Parent Collapse

$(document).ready(function() { 
    $("#accordion2").on("shown",function() { 
    alert("shown!"); 
    }); 
}); 

Hier ist ein Beispiel: http://jsfiddle.net/xb9K6/

+2

Ich habe ein ähnliches Problem. Ich habe Kollatierungselemente verschachtelt, und wenn ich das Kind zusammenfasse, wird das Ereignis .show() auch auf dem Elternelement ausgelöst. Ich habe stopPropogation() ohne Glück versucht. Irgendwelche Ideen? –

Antwort

13

Sie stopPropagation Methode des event Objekt verwenden können.

$(".accordion").on("shown",function(event) { 
    event.stopPropagation(); 
}); 

http://jsfiddle.net/SPZZv/

+0

Danke, es funktioniert. Warum stoppt das nicht den Elternteil? – Michael

+0

Oh, und Sie haben einen Doppelpunkt am Ende Ihrer Ereigniszeile. – Michael

+0

Ich habe ein ähnliches Problem. Ich habe Kollatierungselemente verschachtelt, und wenn ich das Kind zusammenfasse, wird das Ereignis .show() auch auf dem Elternelement ausgelöst. Ich habe stopPropogation() ohne Glück versucht. Irgendwelche Ideen? –