Oletame, et kavatsete teha kaasamise tervele hulgale lehtedele ja selle sees soovite teha mõnda jQuery spetsiifilist kraami. Sellel lehel võib olla jQuery juba laaditud või mitte. Kui see juba toimub, ei taha te seda uuesti laadida, kuid kui ei, siis siiski. See töötab selleks.
Nutikas asünkroonne tee
// Only do anything if jQuery isn't defined if (typeof jQuery == 'undefined') ( if (typeof $ == 'function') ( // warning, global var thisPageUsingOtherJSLibrary = true; ) function getScript(url, success) ( var script = document.createElement('script'); script.src = url; var head = document.getElementsByTagName('head')(0), done = false; // Attach handlers for all browsers script.onload = script.onreadystatechange = function() ( if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) ( done = true; // callback function provided as param success(); script.onload = script.onreadystatechange = null; head.removeChild(script); ); ); head.appendChild(script); ); getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', function() ( if (typeof jQuery=='undefined') ( // Super failsafe - still somehow failed… ) else ( // jQuery loaded! Make sure to use .noConflict just in case fancyCode(); if (thisPageUsingOtherJSLibrary) ( // Run your jQuery Code ) else ( // Use .noConflict(), then run your jQuery Code ) ) )); ) else ( // jQuery was already loaded // Run your jQuery Code );Pange tähele, kui palju jQuery koodi, mida kavatsete käivitada, kutsutakse. Ärge korrake ennast seal, pange see funktsiooni, mida saate helistada, et asju käivitada.
Seda koodi kohandati siit.
Document.write viis
Puusalapsed ei kasuta document.write, kuid kui olete hoolimiseks liiga vana:
var jQueryScriptOutputted = false; function initJQuery() ( //if the jQuery object isn't available if (typeof(jQuery) == 'undefined') ( if (! jQueryScriptOutputted) ( //only output the script once… jQueryScriptOutputted = true; //output the script (load it from google api) document.write(""); ) setTimeout("initJQuery()", 50); ) else ( $(function() ( // do anything that needs to be done on document.ready // don't really need this dom ready thing if used in footer )); ) ) initJQuery();