Comment faire pour implémenter JQuery.noConflict() ?

Je suis à l'aide de javascript et jquery code sur la même page html. Pour une raison quelconque, la librairie jQuery est d'arrêter d'origine de mon code javascript de fonctionner correctement.

J'ai trouvé cette page: Pas de Conflit jQuery qui dit que vous pouvez utiliser jquery.noConflict pour libérer $ retour de javascript. Cependant, je ne suis pas sûr de savoir comment le faire?

Plus précisément, je ne suis pas sûr de la façon de mettre en œuvre correctement? D'où vient le Jquery code, d'où le code JS aller?

Mon code est ci-dessous:

<script type="text/javascript">
  $.noConflict();
  //Code that uses other library's $ can follow here.
</script>

double possible de vous ne savez pas comment mettre en œuvre le noConflict() code

InformationsquelleAutor SuperLuigi | 2011-10-24

34

jQuery.noConflict permet de réinitialiser le $ variable donc il n'est plus un alias de jQuery. En dehors de l'appeler une fois, il n'y a pas grand-chose que vous devez vraiment faire. Cependant, vous pouvez créer vos propres alias avec la valeur de retour, si vous le souhaitez:
```
var jq = jQuery.noConflict();
```
Et, en général, vous voulez faire de ce droit, à la suite notamment de jQuery et tous les plugins:
```
<script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript" src="/path/to/jquery-plugin.js"></script>
<script type="text/javascript">
  jQuery.noConflict();
  //Code that uses other library's $ can follow here.
</script>
<script type="text/javascript" src="/path/to/prototype.js"></script>
```
Vous pouvez aussi aller plus loin et libérer jQuery avec noConflict(true). Cependant, si vous prenez cette route, vous aurez certainement envie d'un alias comme ni $ ni jQuery sera probablement ce que vous voulez:
```
var jq = jQuery.noConflict(true);
```
Je pense que cette dernière option est principalement utilisée pour le mélange de versions de jQuery, en particulier pour les hors-daté plugins lorsque vous souhaitez mettre à jour de jQuery:
```
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript" src="jquery-older-plugin.js"></script>
<script type="text/javascript">
    var jq144 = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery-newer-plugin.js"></script>
```
InformationsquelleAutor Jonathan Lonowski
11

Par défaut, jquery utilise la variable jQuery et le $ qui est utilisé pour votre commodité. Si vous voulez éviter les conflits, un bon moyen est d'encapsuler jQuery comme suit:
```
(function($){

    $(function(){

        alert('$ is safe!');

    });

})(jQuery)
```
- Juste pour ajouter un peu plus d'éclaircissements à ce: the inner $(function()){...}); est un raccourci pour le jQuery DOM prêt de la fonction: $('document').ready(function() {...}); et c'est l' (function($){...})(jQuery) qui réalise l'encapsulation dans une IIFE - la mondiale jQuery objet est passé en paramètre et le $ est alors devient localement étendue.
InformationsquelleAutor Derek Hunziker
2

Si je ne me trompe pas:
```
var jq = $.noConflict();
```
ensuite, vous pouvez appeler fonction jquery avec jq.(quoi que).
```
jq('#selector');
```
InformationsquelleAutor aepheus

Il permet de vous donner le jQuery variable un nom différent, et toujours l'utiliser:

<script type="text/javascript">
  $jq = $.noConflict();
  //Code that uses other library's $ can follow here.
  //use $jq for all calls to jQuery:
  $jq.ajax(...)
  $jq('selector')
</script>

InformationsquelleAutor Neal

1

Il est généralement utilisé si vous utilisez une autre bibliothèque qui utilise $.

Afin de toujours utiliser le $ symbole de jQuery, j'utilise généralement:
```
jQuery.noConflict()(function($){
  //jQuery code here
});
```
InformationsquelleAutor Ivan
1

Si vous regardez les exemples sur l'api de page, il y a ceci:
Exemple: Crée un alias différent au lieu de jQuery pour utiliser dans le reste du script.
```
var j = jQuery.noConflict();
//Do something with jQuery
j("div p").hide();
//Do something with another library's $()
$("content").style.display = 'none';
```
Mettre le var j = jQuery.noConflict() une fois que vous mettez en jquery et puis de le mettre dans le conflit des scripts. Vous pouvez ensuite utiliser la j en place de $ pour tous vos jquery besoins et d'utiliser les $ pour l'autre script.

InformationsquelleAutor scrappedcola
1

J'ai corrigé cette erreur en ajoutant ce conflit code
```
<script type="text/javascript">
 jQuery.noConflict(); 
</script>
```
après mon jQuery et js fichiers et de récupérer le fichier a été l'erreur (trouvé par la console du navigateur) et remplacer tous les '$' par jQuery suivant ce sur toutes les erreurs js fichiers dans mon site Magento. Il travaille pour moi bon.
Trouver plus de détails sur mon blog ici

InformationsquelleAutor Niroshan
0

En outre que, en passant vrai de $.noConflict(vrai); également restaurer précédent (le cas échéant) de la variable globale jQuery, ainsi que les plugins peuvent être initialisés avec la bonne version jQuery lorsque plusieurs versions sont utilisées.
- En plus de ce?
- ... Que la réponse ci-dessus?
InformationsquelleAutor Andrew Kolesnikov
0

Il vous suffit d'affecter une variable personnalisée pour JQuery pour utiliser à la place de son défaut $. JQuery, elle s'enroule dans une nouvelle portée de la fonction, de sorte $ n'a plus un espace de conflit.
```
<script type="text/javascript">
    $jQuery = $.noConflict();
    //Other library code here which uses '$'
    $jQuery(function(){ /* dom ready */ }
</script>
```
InformationsquelleAutor AlienWebguy
0

Le noConflict() la méthode des communiqués de l' $ raccourci identifiant, ainsi que d'autres scripts pouvez l'utiliser pour la prochaine fois.

Par défaut de jquery $ comme:
```
//Actin  with $
$(function(){
    $(".add").hide();
    $(".add2").show();
});
```
Ou personnalisés:
```
var j = jQuery.noConflict();
 //Action with j
j(function(){
    j(".edit").hide();
    j(".add2").show();
});
```
InformationsquelleAutor Kabir Hossain

<script src="JavascriptLibrary/jquery-1.4.2.js"></script>
    <script>
         var $i = jQuery.noConflict();
      //alert($i.fn.jquery);
    </script>
    <script src="JavascriptLibrary/jquery-1.8.3.js"></script>
    <script>
        var $j = jQuery.noConflict();
      //alert($j.fn.jquery);
    </script>
    <script src="JavascriptLibrary/jquery.colorbox.js"></script>

    <script src="Js/jquery-1.12.3.js"></script>
    <script>
        var $NJS = jQuery.noConflict();
    </script>

Vous pouvez le faire comme ceci:

<script>
   $i.alert('hi i am jquery-1.4.2.js alert function');
   $j.alert('hi i am jquery-1.8.3.js alert function');
 </script>

InformationsquelleAutor pankaj prajapati

/* The noConflict() method releases the hold on the $ shortcut identifier, so that other scripts can use it. */

 var jq = $.noConflict();
    (function($){
      $('document').ready(function(){
        $('button').click(function(){
          alert($('.para').text());
        })
      })
    })(jq);


    live view example on codepen easy to understand.
    http://codepen.io/kaushik/pen/QGjeJQ

Vous avez besoin de poster le code ici et de ne pas donner un lien vers une source externe comme il n'y a aucune garantie de la source seront disponibles à l'avenir pour les autres à voir.
merci 🙂 juste ajouté du code directement ici.

InformationsquelleAutor Rajbir Sharma

0

Aujourd'hui, j'ai ce problème parce que j'ai mis en œuvre", "bootstrap " menu" qui utilise une version jQuery avec "fancybox galerie d'images". Bien sûr, un plugin fonctionne et l'autre pas en raison de conflits jQuery mais j'ai vaincu comme suit:

D'abord, j'ai ajouté le "bootstrap menu" Js dans le script de pied de page que le menu est présenté allover les pages du site:
```

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
var jq171 = jQuery.noConflict(true);
</script>
```
Et dans le "fancybox" galerie d'images de page comme suit:
```
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="fancybox/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
```
Et la bonne chose est à la fois le travail comme un charme 🙂

Essayer 🙂

InformationsquelleAutor Al3abMizo Games

Vous devez vous connecter pour publier un commentaire.