web-dev-qa-db-fra.com

Bootstrap problème de basculement des boutons radio

J'essaie de transformer certains boutons réguliers en boutons radio de la manière Twitter bootstrap ( http://Twitter.github.com/bootstrap/javascript.html#buttons ).

J'ai suivi les instructions, mais lorsque j'appuie sur les boutons, j'obtiens l'erreur suivante dans la console:

Erreur non interceptée: impossible d'appeler les méthodes sur le bouton avant l'initialisation; a tenté d'appeler la méthode 'toggle' .

Savez-vous ce qui pourrait le provoquer? Les boutons sont chargés dans la page et ne deviennent visibles que lorsque le contenu correspondant est affiché par AJAX.

Merci!

67
Bogz902

J'ai eu le même problème et ça me rendait fou !!!!

Jusqu'à ce que je trouve que je chargeais bootstrap avant jqueryui ...

J'ai changé de commande et j'ai remarqué que si je charge jqueryui AVANT le bootstrap, je n'ai pas un tel problème :)

212
Alexandre Paulo

Ce problème est dû au fait que jquery-ui bloque l'initialisation des définitions de bouton à partir de bootstrap pour les utilisateurs comme moi qui ont des problèmes avec le changement de l'ordre des appels du fichier javascript par exemple lors de l'utilisation de Widget CJUiAutocomplete dans Yii, il suffit de déplacer le javascript correspondant à button.js du fichier bootstrap vers le fichier de travail principal et cela fonctionnera sans problème.

Vous pouvez également prendre le js correspondant et le placer dans un fichier séparé appelé au bas de votre pile de fichiers javascript.

7
Rohan

L'échange de l'ordre de chargement de Bootstrap et jQueryUI résout ce problème mais cela provoque d'autres problèmes comme les boîtes de dialogue Fermer X sur jQueryUI ne s'affiche pas. Existe-t-il un autre moyen de résoudre ce problème?

4
Connie DeCinko