Problème de basculement des boutons radio de Bootstrap

Question

J'essaie de transformer des boutons ordinaires en boutons radio à la manière de 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 :

Uncaught Error : cannot call methods on button prior to initialization ; attempted to call method 'toggle'. .

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

Gracias.

Answer 1

J'avais le même problème et cela me rendait folle !!!!.

Jusqu'à ce que je découvre que je chargeais bootstrap avant jqueryui...

J'ai changé l'ordre et j'ai remarqué que si je charger jqueryui BEFORE bootstrap Je n'ai pas ce problème :)

Answer 2

Ce problème est dû au fait que jquery-ui bloque l'initialisation des définitions de boutons à partir de bootstrap pour les utilisateurs qui, comme moi, ont des problèmes de décalage de l'ordre d'appel des fichiers javascript, par exemple lorsqu'ils utilisent l'option de contrôle de l'accès. 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.

Sinon, prenez le js correspondant et placez-le dans un fichier séparé qui est appelé au bas de votre pile de fichiers javascript.

Answer 3

L'inversion de l'ordre de chargement de Bootstrap et de jQueryUI résout le problème, mais entraîne d'autres problèmes, comme le fait que la croix de fermeture des boîtes de dialogue de jQueryUI ne s'affiche pas. Existe-t-il un autre moyen de résoudre ce problème ?