twitter bootstrap déroulante des liens ne fonctionne pas
Je suis en utilisant bootstrap, version 2.0
J'ai le code html suivant la structure
Maintenant, quand je clique sur le Filter by Team
le menu qui s'affiche correctement. Maintenant, quand je clique sur le lien, je devrais être à la page. Mais les liens ne pas travail. Je veux dire, quand je clique sur la liste déroulante d'éléments, ils doivent me prendre pour une url, qui ils sont href ed, cela n'arrive pas.
<li style="margin-left: 12px;">
<div class="dropdown" style="margin-top: 5px;">
<a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#">
Filter by Team
</a>
<ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu">
<li>
<a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a>
</li>
<li class="divider"></li>
<li>
<a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a>
</li>
<li class="divider"></li>
<li>
<a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a>
</li>
<li class="divider"></li>
</ul>
</div>
</li>
Le violon peut être trouvé ici - http://jsfiddle.net/ktgrw/
quelle est la version de bootstrap-vous utiliser?
démarrage de la version 2.0.4
qu'entendez-vous pas de travail? comme href="#" lors d'un clic? avez-vous des code @ class="disabled"?
Ce qui est class="disabled" à la balise d'ancrage?
désactivé vient de stackoverflow.com/questions/12630188/...
démarrage de la version 2.0.4
qu'entendez-vous pas de travail? comme href="#" lors d'un clic? avez-vous des code @ class="disabled"?
Ce qui est class="disabled" à la balise d'ancrage?
désactivé vient de stackoverflow.com/questions/12630188/...
OriginalL'auteur user1629366 | 2013-08-31
Vous devez vous connecter pour publier un commentaire.
Le problème est que vous avez la
data-toggle
ensemble d'attributs pour la<ul>
, que l'attribut est juste pour le lien que vous souhaitez ouvrir/fermer le menu déroulant, les enlever et les liens doivent fonctionner.Voici la mis à jour le violon avec le bon démarrage de la version et de l'attribut supprimé.
Également la
disabled
classe est utilisé sur la bascule lien pour empêcher l'ouverture de la liste déroulante, vous devez le supprimer de vos liens, puisque ce n'est pas de servir à un besoin réel.OriginalL'auteur koala_dev
Les liens fonctionnent parfaitement bien. Lorsque nous utilisons des liens relatifs, comme
href="/task/list/orgteam/5/"
nous devons nous assurer que nous sommes à l'exécution de cette page sur un site web où ces liens existent.Pour ajouter de la clarté, j'ai ajouté un lien vers google comme le dernier élément de la liste dans cette nouvelle violon (cliquez ici pour voir) et parce qu'il utilise l'url absolue
href="http://www.google.com"
, il fonctionne très bien.à l'intérieur de violon, j'ai les liens ne fonctionnent pas. si vous faites un clic droit et de dire, "ouvrir le lien dans une nouvelle fenêtre", le lien fonctionne - ce qui suggère que si ce code est à utiliser sur une page web, il serait très bien fonctionner.
OriginalL'auteur Priya Ranjan Singh
J'ai rencontrés le même problème avec bootstrap cadre et à la fin ont la solution (a fonctionné pour moi).
Importer tous vos javascripts, principalement jquery.js .
OriginalL'auteur Amit