jQuery show.bs.l'effondrement de l'événement pour imbriquée Bootstrap pliable boutons feux sur les boutons de plus que prévu
Je suis en utilisant Bootstrap pour faire pliable divs imbriqués/boutons. Je veux réduire tous les frères et sœurs d'un div, lorsqu'il est étendu et à l'effondrement de tous les enfants d'un div lorsqu'elle est réduite (de sorte que l'expansion de l'divs sont d'un seul chemin d'accès à partir de l'un de la racine de balises div à l'intérieur de la div).
J'ai choisi de le faire avec jQuery et non pas à l'aide de Bootstrap de l'Accordéon - juste les boutons associés à des divs.
J'ai donc essayé de sélectionner tous les divs qui pourrait élargir et d'utiliser le montrer.bs.l'effondrement de l'événement, de sorte que je sais div qui a été élargi.
$(function () {
$(".collapse").on('show.bs.collapse', function () {
console.log ($(this).context.id);
})
});
Si mon arbre est comme suit:
- 1 - élargi
- 2 - étendue des
- 3 - s'est effondré
- 4 - s'est effondré
- 2 - étendue des
- 5 - s'est effondré
- 6 - s'est effondré
et je développez 3, je ne comprends pas:
3
mais:
3
2
1
Pourquoi montrer.bs.l'effondrement appliquée pour les divisions 1 et 2?
event.stopPropagation()
à l'intérieur du gestionnaireMerci pour l'astuce. Je l'ai ajouté, mais je n'arrivais plus à développer quoi que ce soit.
OriginalL'auteur Nested Buttons | 2015-08-18
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser
shown.bs.collapse
à la place. http://www.tutorialspoint.com/bootstrap/bootstrap_collapse_plugin.htmsection
The following table lists a few events that can be used with the collapse functionality.
Avez-vous essayé
$(body).on('shown.bs.collapse', '.collapse'
J'ai "ReferenceError: le corps n'est pas défini"
signifiait
$('body')
ou$(document)
OriginalL'auteur curious