Comment inclure la bibliothèque jQuery dans un fichier js unique sans interférer avec les bibliothèques existantes

Les sites Web tiers peuvent placer mon tag de script sur leurs sites Web, comme par exemple ExternalSite.html dans la section head

 (function () { var ttScript = document.createElement('script'); ttScript.async = true; ttScript.src = '//www.example.com/script/myscript.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ttScript); })();  

Sur mon propre serveur, dans le fichier myscript.js, j’ai ce code:

 $.ajax({ url: "http://www.example.com/iplookup.php", data: null, type: 'GET', crossDomain: true, dataType: 'jsonp' }).done(function (json) { self.ip = json; }); 

Mais une fois qu’un utilisateur visite le site tiers, sur la première ligne, je reçois Uncaught ReferenceError: $ is not defined

Maintenant, c’est probablement parce que je ne fais pas référence à jQuery sur le site tiers, où j’inclus le fichier myscript.js. Le problème est que:

• Conflit Jquery-Mootools
• Conflit d’interface utilisateur et de prototype jQuery
• Comment imiter jQuery.live () ou utiliser 2 versions de jQuery en présence d’une bibliothèque de prototypes?
• Est-il possible d’utiliser les bibliothèques JQuery et Zepto en même temps?
• Faire en sorte que les fichiers Prototype et tokeninput.js fonctionnent ensemble

1. Je ne sais pas si jQuery est en cours d’exécution sur ce site tiers
2. Je ne sais pas comment faire référence à jQuery depuis myscript.js, également sans interférer éventuellement avec une référence jQuery existante sur le site tiers

• jQuery – Conflits multiples setInterval
• conflit jQuery -prototype
• $ .extend n’est pas une fonction
• Question de conflit prototype / Mootools
• Onglets Jquery en conflit avec le curseur de révolution

  window.onload = function() { if (window.jQuery) { // jQuery is loaded // Now insert your scripts } else { // jQuery is not loaded // Load it manually from any cdn eg, //ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js } } 

  if (typeof jQuery != 'undefined') { // jQuery is loaded } else { // jQuery is not loaded } if (jQuery) { // jQuery is loaded } else { // jQuery is not loaded }