comment faire pour utiliser jquery.noConflict propriété

Je suis en train de tester ma page web sur un serveur à l'aide de l'aperçu dns. Viens de réaliser que aperçu dns automatiquement ajoute mootools de la bibliothèque vers la fin d'une page php. Probablement pour leurs propres statistiques ou quelque chose.

Mais le problème c'est que je suis à l'aide de jquery dans ma page. Donc Mon code jquery pauses parce que les deux mootools et jquery à la fois d'utiliser '$'.

J'ai mis tout le code source de la page de ma page sur jsbin: http://jsbin.com/ozime (ce qui comprend l'ajout sur mootools).

Dans cette page, j'ai ajouté un exemple de code jquery qui doit déclencher sur le changement de la zone de liste déroulante. J'ai ajouté quelques états d'alerte. Cependant, seule la première alerte déclaration montre. L'un à l'intérieur de jquery ne fonctionne pas.

J'ai essayé d'utiliser jquery pas de conflit, mais il ne semble pas fonctionner.

Quelqu'un a été confronté à ce problème?

OriginalL'auteur josh | 2009-09-08

  1. 12

    Après vous d'inclure jQuery, ajoutez ce qui suit dans une balise script immédiatement après.

    <script> 
jQuery.noConflict();

jQuery(document).ready(function() {
alert('hi');
});
</script>

    Également placer votre script jQuery avant votre bibliothèque mootools. Commande sera:

    script jQuery inclure

    noConflict code

    script mootools inclure

    OriginalL'auteur Alec Smart

  2. 21

    Je préfère utiliser un auto-exécution de la fonction anonyme pour donner à votre jQuery code son propre champ d'application, où vous pouvez utiliser $ comme vous le feriez normalement si vous n'avez pas à vous soucier de la compatibilité.

    Cela va sembler étrange si vous n'avez pas vu avant. Fondamentalement, ce que j'ai fait a été de définir une fonction qui prend un paramètre ( $ ), puis d'exécuter cette fonction avec jQuery en tant que paramètre.

    <script>
jQuery.noConflict();

(function($) {
    //use '$' as you normally would
    $(document).ready(function() {
        //code here that depends on the document being fully loaded
    });

})(jQuery);  

</script>
    C'est assez profond javascript foo et vous voudrez peut-être rester à l'écart de si vous ne pouvez pas comprendre pourquoi cela fonctionne de cette façon. Je le recommande à essayer de le comprendre 🙂
    Est-ce mieux que de faire de la var $ = jQuery.noConflict(); et de cette façon vous pouvez l'affecter à une copie locale de dollars et toujours utiliser $ de la façon dont vous toujours?
    De ce que je vois ici: api.jquery.com/jQuery.noConflict $ = jQuery.noConflict(); n'est pas une bonne chose à faire. Il semble que cela aurait pour effet d'annuler tout ce qui noConflict. Si vous n'avez qu'à l'intérieur d'une fermeture, mais il serait plus déroutant que de cette méthode. Si vous allez faire quelque chose de semblable à ce que vous proposez, vous êtes mieux avec de l'exécution de noConflict dans l'espace mondial et alors $ = jQuery; à l'intérieur de votre fermeture. Cependant, vous devez être très prudent de ne pas faire que de la cession dans la portée globale.

    OriginalL'auteur Akrikos

  3. 0

    Insérer ce qui suit avant tout jquery code:

    $j = jQuery.noConflict(true);

    Maintenant, vous pouvez utiliser $j au lieu de $ pour toute jquery choses que vous voulez faire. c'est à dire:

    $j("body")
    Sauf si on veut utiliser plusieurs versions de jQuery dans une page, vous ne devriez pas relâcher la jQuery variable, ainsi que de nombreux plugins compter sur elle.

    OriginalL'auteur Santi

  4. -2

    Au lieu de j(function()...

    essayer

    j(document).ready
(
  function()
  {
   alert("here");
   j("select#rooms")
     .change
     (
       function()
       {
         alert("here1");
       }
     )
  }
);

    Que vous étiez en train d'enrouler une fonction à la place de l'élément, qui est ce qui pourrait être à l'origine du comportement inattendu.

    $(function() { … }) est un raccourci pour $(document).ready(function() { … }), il suffit de cocher jQuery source.

    OriginalL'auteur David Andres