4 votes

Comment activer les boutons déroulants de bootstrap ?

Le bouton déroulant ne fait rien lorsqu'on le clique. Dans la console, je peux voir que le .open est bien ajoutée au bouton lors du clic, mais elle est immédiatement supprimée.

HTML :

<div class = 'btn-group'>
    <button class = 'btn dropdown-toggle' data-toggle = 'dropdown'>Radio Station <span class = 'caret'></span></button>
    <ul class = 'dropdown-menu'>
        <li><a href="#">WKAQ</a></li>
    </ul>
</div>

4voto

Kris Hollenbeck Points 5132

Vérifiez toutes vos dépendances. Assurez-vous que vous avez tous les fichiers CSS et JS appropriés.

assurez-vous que vous avez ces dépendances :

<head>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
</head>

Votre html :

<div class = 'btn-group'>
    <button class = 'btn dropdown-toggle' data-toggle = 'dropdown'>Radio Station <span class = 'caret'></span></button>
    <ul class = 'dropdown-menu'>
        <li><a href="#">WKAQ</a></li>
    </ul>
</div>​

Voici un exemple fonctionnel avec votre HTML :

http://jsfiddle.net/JLXN7/18/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X