11
votes

Twitter Bootstrap Menu Drop Down ne fonctionne pas

Je sais qu'il y a beaucoup de questions comme celle-ci sur la pile débordement et je les ai regardées, mais mon menu déroulant ne fonctionne toujours pas.

Voici mon code: P>

$('#myModal').on('hide',function(){
    $('.nav > li > a.modal-open-li').removeClass('modal-open-li');
});


0 commentaires

8 Réponses :


9
votes

semble fonctionner correctement dans jsfiddle, voici un exemple http://jsfiddle.net/2hguv/

Vous devez vous rappeler d'importer le fichier JS. Voici le code avec les fichiers suivants importés: http://netdna.bootstrapcdn.com/bootstrap/3.0.0 /css/bootstrap.min.css http://netdna.bootstrapcdn.com/bootstrap/3.0.0 /js/bootstrap.min.js xxx


1 commentaires

Hé ça a fonctionné parfaitement bien mais si j'ajoute ces scripts, ma fenêtre modale cesse de fonctionner. Une idée de ce que ce serait?



11
votes

Vérifiez si vous avez ceci dans les fichiers JS: $ ('. Dropdown-bascule'). Dropdown (); code>

Vérifiez si vous avez quelque chose comme ça avec cette séquence: P >

<script src="jquery.js"></script>
<script src="bootstrap.js"></script>
<script type="text/javascript"> $(document).ready(function () { $('.dropdown-toggle').dropdown(); }); </script>


1 commentaires

Pourquoi le diable n'aurais-je pas $ ('. Dropdown-bascule'). Dropdown (); dans le fichier bootstrap.js? Je l'ai ajouté manuellement et ça marche! Bonne trouvaille; Mais pourquoi n'était-ce pas là?



11
votes

L'ajout de cela dans ma fonction prête fixe le problème pour moi xxx


3 commentaires

Bonjour, après 6 heures de recherche a finalement trouvé cette réponse et cela a aidé. Merci.


Salut encore, après avoir ajouté cette solution, j'ai réalisé que le menu n'agit pas comme il se doit en mode effondré ("effondrement"). Je peux voir que quelque chose se passe lorsque je clique sur le bouton, mais le menu n'apparaît pas et que le menu ne se développe pas. Avez-vous une idée de la manière dont cela peut être réparé aussi?


Bonjour, c'est ma solution finale. J'espère que cela aide quelqu'un en difficulté: / * commence ici / $ (fonction () {$ (".. Drop-boggle '). Dropdown (); $ (' BTN.BTN-NAVBAR '). ON ( 'Cliquez sur', fonction () {var $ navarbar = $ ($ (ceci) .Data ('cible')); hauteur de var = $ navar.css ('hauteur ==' 0px ') { $ NAVBAR.CSS ('Hauteur', '100%');} else {$ NAVBAR.CSS ('Hauteur', '0PX');}}) $ ('. Nav-Collapse.Collapse'). Collapse (' spectacle '); $ ('. Nav-collapse.collapse ul li a '). On (click', fonction (E) {e.stoppropagation ();});});}); / se termine ici * /



19
votes

pour toute personne qui rencontre encore ce problème. J'ai constaté que j'incluais les fichiers JS Bootstrap JS à deux reprises (j'avais divisé mes fichiers d'en-tête, de corps et de pied de page et que je n'avais pas réalisé que je l'incluais à la fois sur le pied de page et l'en-tête.

pourrait aider quelqu'un.


0 commentaires

17
votes

J'ai eu un problème similaire. Et la cause était le mauvais ordre des fichiers JS dans la balise de tête. La commande correcte est la jquery.min.js premier que bootstrap.min.js xxx


2 commentaires

Ce problème me conduisait à Noix et cela a résolu mon problème. Merci.


Vous avez sauvé ma journée. Merci beaucoup. Cela a résolu mes problèmes de basculement de basculement et d'accordéon dans IE.



2
votes

Pour le mien, il était à cause de l'ordre d'ajout de scripts n'était pas correct, cela devrait être comme ceci:

<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>


0 commentaires

0
votes

Dans mon cas, le problème était avec la version de JQuery. En bootstrap.js v3.3.6 xxx

Remarque: 'bootstrap \' s javascript nécessite jQuery version 1.9.1 ou supérieure, mais inférieure à la version 3 '

J'ai remplacé le code de fichier jQuery local avec jQuery-1.11.3.js et commence à fonctionner.

espère que cela fonctionnera également pour vous.


0 commentaires

-1
votes

Dans mon cas, il y avait un composant sur mon bouton déroulant et il a fallu trop longtemps pour que je prenne note. Erreur noob, mais cela peut aider quelqu'un.


2 commentaires

Cette question a déjà une réponse acceptée avec plusieurs réponses. Essayez de répondre à de nouvelles questions. À votre santé


C'était une réponse noob et une erreur noob de mon côté, mais ce n'était pas une réponse répétée ... alors je pensais que c'était valide ...