jQuery Yüklenmiş mi?

Eğer bir sayfayı kendimiz hazırlıyorsak hiç bir zaman sorun olmaz, ancak bir sistem için eklenti yazıyorsak ya da başka bir sınıf için eklenti yazıyorsak sayfada önceden jQuery yüklenmiş mi yoksa yüklenmemiş mi diye bakmamız gerekir. Bunun için typeof fonksiyonunu kullanırız.

if (typeof(jQuery) == 'undefined') {
// eğer yüklenmemişse dinamik olarak yükle
} else {
// eğer yüklenmişse kendi kodlarını çalıştır...
}

Eğer el ile yüklemek istersek iki yöntemimiz var. Birincisi document.write yordamı ile sayfaya script tag’leri arasında yazdırmak, ya da bir script değişkeni oluşturup bunu sayfaya bağlamak. Ben ikinci yöntemi daha uygun buluyorum ama ikisini de göstereceğim.

Birinci yöntem:

document.write("<scr" +="" "ipt="" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">");

İkinci yöntem:

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);
};

fonksiyonun kullanımı aşağıdaki gibidir:

getScript("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");

Dilerseniz callback fonksiyonunu kullanarak başka işlemler de yaptırabilirsiniz:

getScript("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js", function() {
// bu kısımda gerçekten yüklenip yüklenmediğini kontrol ederek
// kodlarınızı yazmaya başlayabilirsiniz...
});

jQuery’nin son versiyonunu jQuery official sitesinden ya da googleapis sitesinden çekebilirsiniz:

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
http://code.jquery.com/jquery-latest.js