Désactiver l'effondrement de lien dans un data-toggle élément

J'ai un effondrement de panneau de corps, comme ceci (le violon, qui a maintenant le code fixe):

<div class="panel panel-default">
    <div class="panel-heading">
        <div class="panel-title" data-toggle="collapse" href="#collapseOne">
            <a href="#">1) collapsing link</a>
            <a href="#">2) not collapsing link</a>
        </div>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
        <div class="panel-body">Anim pariatur cliche ...</div>
    </div>
</div>

Les données de la bascule est situé sur le panneau de titre, parce que je veux un clic n'importe où sur le dessus pour l'ouvrir dans l'autre panneau. À l'exception de la deuxième lien. Mon but est de désactiver l'effondrement de comportement pour le second lien. Quel est le meilleur/le plus simple pour réaliser cela?

Important: je n'ai pas envie de mettre les données de la bascule sur le premier lien seulement. Je veux un clic n'importe où sur l'écran pour déclencher le même, sauf sur le deuxième lien.

  • Pourquoi ne pas définir data-toggle="collapse" pour le lien que vous souhaitez déclencher l'événement?
  • parce que cela ne fonctionne pas alors
  • Il faudra encore travailler, mais pas de la manière que je veux.
  • donc, je sais, vous avez défini un tag Javascript mais un JQuery réponse satisfaire?
  • Bien sûr! J'ai jquery chargé avec bootstrap déjà.
InformationsquelleAutor Karol | 2014-06-09
  1. 22

    Vous avez besoin pour ajouter une classe pour les éléments que vous ne voulez pas le feu de l'effondrement de l'événement, puis arrêter la propagation de l'évènement via javascript. Alors... voici la réponse correcte.

    <div class="panel panel-default">
    <div class="panel-heading">
        <div class="panel-title" data-toggle="collapse" href="#collapseOne">
            <a href="#">1) collapsing link</a>
            <a href="#" class="no-collapsable">2) not collapsing link</a>
        </div>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
        <div class="panel-body">Anim pariatur cliche ...</div>
    </div>
</div>

    Arrêter la propagation de l'évènement comme ceci:

    $('.no-collapsable').on('click', function (e) {
    e.stopPropagation();
});
    • Eh bien, ce n'est pas ce que je veux. J'ai clairement dit que je veux l'effondrement d'être déclenchée lorsque le panneau est cliqué, n'importe où. À l'exception de la deuxième lien.
    • gotcha, alors, laissez-moi vérifier comment nous pouvons le faire.
    • J'ai mis à jour ma réponse... laissez-moi savoir si ce que vous voulez.
    • Oui, cela semble fonctionner. Merci beaucoup!
    • grande réponse..!
    • ne semble pas possible de la faire fonctionner 🙁

    InformationsquelleAutor Jorge García