Bootstrap radio-boutons à bascule problème

Je suis en train de tourner, de façon régulière, les boutons radio, boutons twitter bootstrap moyen (http://twitter.github.com/bootstrap/javascript.html#buttons).

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

Uncaught Error: impossible d'appeler des méthodes sur le bouton avant de l'initialisation; tenté d'appeler la méthode 'toggle' .

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

Merci!

  • Peut-être vidage de la question, mais avez-vous chargé bootstrap-button.js ou bootstrap.js ?
  • bootstrap.js est chargé. J'ai des modaux sur ma page et ils fonctionnent parfaitement 100% du temps. Les radio-boutons fonctionnent comme 5% du temps.
  • Vous dites que les boutons sont affichés uniquement lorsque le contenu est chargé (de l'AJAX) droit ? Je ne suis pas sûr que vous pouvez initialiser les boutons encore cachés
  • Pourriez-vous mettre votre code dans un jsFiddle?
  • Je vais avoir ce même problème, mais les solutions ci-dessous ne sont pas de travail pour moi. Bootstrap v3.1.0 et jQueryUI v1.10.3
InformationsquelleAutor Bogz902 | 2012-11-05
  1. 212

    J'ai eu le même problème et il a été me rend fou!!!!

    Jusqu'à ce que j'ai trouvé que j'étais chargement bootstrap avant de jqueryui...

    Je suis passé de la commande et de l'avis que si je charge jqueryui AVANT de bootstrap, je n'ai pas ce genre de problème 🙂

    • Bootstrap a une modification de la version de jQuery UI, et le chargement de jQuery UI peut causer des troubles.
    • Alors vous recommandons de ne pas avoir l'INTERFACE utilisateur de jQuery et Bootstrap de fonctionner en même temps?
    • Si vous rencontrez des problèmes, essayez de commenter jquery ui du code, et si votre code fonctionne après que, jQuery UI est à l'origine de conflits.
    • Alexandre, si ça aide, ça me rendait folle trop jusqu'à ce que j'ai vu ce post. Je vous remercie.
    • comment charger jqueryui avant de bootstrap?
    • Belle prise! KiswonoPrayogo il suffit d'inclure jQueryUI avant, y compris bootstrap.js
    • Merci pour cette solution!!!!! - Je viens de perdre 3 heures à essayer de déboguer ce problème ne trouver rien d'autre que l'ordre de chargement des scripts!!
    • Pour charger jQuery UI avant bootstrap.js il suffit de mettre votre <script src="jquery-ui.js"></script> avant <script src="bootstrap.js"></script> si vous l'exécutez en vertu de requirejs, ajouter une cale : shim: { "bootstrap": { "deps": [ "jquery-ui", "jquery" ] }, "jquery-ui": { "deps": [ "jquery" ] } }
    • Merci Alexandre, cela a résolu mon problème. Je suis l'aide de Météore, j'ai donc dû supprimer jquery et jquery-ui, et de les mettre dans mon dossier client.
    • Ce qui se passe encore dans le Bootstrap 3, si quelqu'un se demande.
    • Confirmé BS 3.1.1 et la solution est toujours debout
    • Je vais avoir ce même problème, mais cette solution ne fonctionne pas pour moi. Bootstrap v3.1.0 et jQueryUI v1.10.3
    • Dans le Météore, supprimer jquery-ui paquet, ajoutez un dossier lib de votre dossier client, et drop jquery-ui là. boom.
    • Tout à fait à droite--merci.
    • Yep, a confirmé correctif de travail pour jQuery UI 1.10.4 et BS 3.0.0. Vraiment ennuyeux problème depuis que je suis en utilisant ASP.NET MVC, et la mise en forme de pages ont maintenant de charger jQuery UI pour toutes les pages, même si nous ne sommes qu'à l'utiliser sur un petit sous-ensemble depuis la mise en page de chargement des pages de bootstrap. Souhaite que j'avais trouvé ce post 2 heures. Merci.
    • jqueryui.com/download un lot personnalisé seulement avec ce que j'ai besoin, fonctionne pour moi.
    • Question résolue hurahhhhhhhhhhh!!!!!!!!!
    • Daysaver, merci.

    InformationsquelleAutor Alexandre Paulo
  2. 7

    Ce problème est dû à jquery-ui blocage de l'initialisation de Bouton définitions de bootstrap pour les utilisateurs comme moi qui ont des problèmes de décalage de l'ordre du fichier javascript appels, par exemple lors de l'utilisation de la CJUiAutocomplete widget dans Yii, juste déplacer le code javascript correspondant à button.js à partir du fichier de bootstrap pour le principal fichier de travail et il va fonctionner en douceur.

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

    InformationsquelleAutor Rohan
  3. 4

    La permutation de l'ordre de chargement des fichiers d'amorce et jQueryUI résout ce problème, mais alors il provoque d'autres problèmes, comme la Fermer X sur jQueryUI les boîtes de dialogue ne s'affiche. Est-il une autre façon de résoudre ce problème?

    InformationsquelleAutor Connie DeCinko