/ / Javascript Ajouter un nouveau fichier Jquery avec noconflict - javascript, jquery

Javascript Ajouter un nouveau fichier Jquery avec noconflict - javascript, jquery

Je dois ajouter une nouvelle version de jquery à la section head ci-dessous.

<head>
<script type="text/javascript" async="" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">var $jq = jQuery.noConflict(true);</script>

<script>
$jq(document).ready(function() {
// works well
});
</script>
</head>

Cela fonctionne bien quand je le mets directement. Mais mon cas est, je dois l’annexer dynamiquement, reslove noconflict et la mise en oeuvre en utilisant un fichier javascript externe (my.js). (Comme ci-dessous)

Le fichier my.js doit être composé de toutes les implémentations.

    // insert jquery file
var jqueryfile = document.createElement("script");
jqueryfile.type = "text/javascript";
jqueryfile.async = true;
jqueryfile.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(jqueryfile, s);

Comment faire mon implémentation avec jQuery.noConflict () et $ jq (document) .ready (function () {}).

Je vous remercie!

Réponses:

0 pour la réponse № 1

Vous pouvez essayer ceci pour insérer un script dans la section HEAD

head1=document.getElementsByTagName("head")[0];
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
var s1 = document.createElement("script");
s1.type = "text/javascript";
s1.innerHTML="var $jq = jQuery.noConflict(true);
$jq(document).ready(function() {
// works well
});
";

head1.appendChild(s);
head1.appendChild(s1);

0 pour la réponse № 2

il vous suffit d'inclure un fichier js normal de la manière habituelle comme so et l'alias jQuery en tant que paramètre, libérant ainsi le signe dollar:

<script type="text/javascript">js/scripts.js</script>

puis ajoutez ceci à votre fichier scripts.js:

;(function ( $ ) {

// all code in this anonymous function will not conflict with any other library
// and it will never get in to the global namespace which is good


$(document).ready(function() {

// works well
});
})( jQuery );

maintenant vous pouvez simplement utiliser le "$" pour jQuery librement