143 votes

Vous pouvez désactiver des onglets dans le Bootstrap ?

Je me demandais si vous pourriez désactiver onglets dans 2.0 « bootstrap » comme vous pouvez le boutons et si oui, comment ?

Merci

199voto

Betty Points 5886

Vous pouvez supprimer le données-toggle = attribut « tab » dans l’onglet tel qu’il est accroché à l’aide d’événements live/délégué

51voto

Scott Stafford Points 13161

2.1, à partir de bootstrap, documentation à http://twitter.github.com/bootstrap/components.html#navs, vous pouvez.

L'état désactivé

Pour toute nav composant (onglets, des pilules, ou une liste), ajouter .désactivée pour les niveaux de gris liens et pas d'effets de survol. Les liens restent cliquables, cependant, sauf si vous supprimez l'attribut href. Alternativement, vous pourriez mettre en œuvre un code JavaScript personnalisé pour éviter les clics.

Voir https://github.com/twitter/bootstrap/issues/2764 pour la fonction ajouter à la discussion.

37voto

totas Points 480

J’ai ajouté le code Javascript suivant pour empêcher clique sur les liens invalides :

27voto

hotzu Points 201

Je pense que la meilleure solution est invalidante avec css. Vous définissez une nouvelle classe et vous désactiver les événements de souris dessus :

Et puis vous affectez cette classe à l’élément li désirée :

Vous pouvez ajouter/supprimer la classe avec jQuery également. Par exemple, pour désactiver tous les onglets :

Voici un exemple : jsFiddle

6voto

James Points 47

Vieille question, mais il peu me montra dans la bonne direction. La méthode pour que je suis allé était d’ajouter la classe handicapée à la li et ensuite ajouté le code suivant à mon fichier Javascript.

Cela va désactiver tout lien où la li a une classe de personnes à mobilité réduite. Genre de semblables pour répondre à de totas mais il ne fonctionne pas la fi chaque fois qu’un utilisateur clique sur un lien de l’onglet, et il n’utilise pas de retour de false.

J’espère que ça va être utile à quelqu'un !

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