Bagaimana saya bisa mengecek apakah plugin jQuery dimuat?

Apakah ada cara untuk memeriksa apakah plugin tertentu tersedia?

Bayangkan Anda sedang mengembangkan plugin yang tergantung pada plugin lain yang sedang dimuat.

Sebagai contoh, saya ingin plugin jQuery Validation menggunakan perpustakaan dateJS untuk memeriksa apakah tanggal yang diberikan valid. Apa yang akan menjadi cara terbaik untuk mendeteksi, di plugin jQuery Valdation jika dateJS tersedia?

Secara umum, plugin jQuery adalah ruang nama pada lingkup jQuery. Anda bisa menjalankan pemeriksaan sederhana untuk melihat apakah namespace ada:

 if(jQuery().pluginName) {
     //run plugin dependent code
 }

dateJs bukanlah plugin jQuery. Itu memodifikasi / memperluas objek tanggal javascript, dan tidak ditambahkan sebagai namespace jQuery. Anda dapat memeriksa apakah metode yang Anda butuhkan ada, misalnya:

 if(Date.today) {
      //Use the dateJS today() method
 }

Tapi Anda mungkin mengalami masalah di mana API tumpang tindih dengan API Tanggal asli.

Jika kita berbicara tentang plugin jQuery yang tepat (yang memperluas namespace fn), maka cara yang tepat untuk mendeteksi plugin adalah:

if(typeof $.fn.pluginname !== 'undefined') { ... }

Atau karena setiap plugin dijamin memiliki nilai yang setara dengan true, Anda dapat menggunakan yang lebih pendek

if ($.fn.pluginname) { ... }

BTW, $ dan jQuery dapat dipertukarkan, seperti yang ditunjukkan oleh pembungkus aneh di sekitar plugin:

(function($) {
    //
})(jQuery))

penutupan

(function($) {
    //
})

diikuti segera oleh panggilan ke penutupan itu 'lewat' jQuery sebagai parameter

(jQuery)

$ pada penutupan diatur sama dengan jQuery

Untuk mendeteksi plugin jQuery, saya menemukan lebih akurat untuk menggunakan tanda kurung:

if(jQuery().pluginName) {
    //run plugin dependent code
}

untuk plugin yang tidak menggunakan namespace fn (misalnya pnotify), ini berfungsi:

if($.pluginname) {
    alert("plugin loaded");
} else {
    alert("plugin not loaded");
}

Ini tidak berfungsi:

if($.fn.pluginname)

jQuery memiliki metode untuk memeriksa apakah ada fungsi

if ($.isFunction($.fn.dateJS)) {
    //your code using the plugin
}

Referensi API: https://api.jquery.com/jQuery.isFunction/

Saya akan sangat menyarankan agar Anda menggabungkan perpustakaan DateJS dengan plugin Anda dan mendokumentasikan fakta bahwa Anda telah melakukannya. Tidak ada yang lebih membuat frustrasi daripada harus memburu ketergantungan.

Karena itu, untuk alasan hukum, Anda mungkin tidak selalu dapat menggabungkan semuanya. Juga tidak ada salahnya untuk berhati-hati dan memeriksa keberadaan plugin menggunakan jawaban Eran Galperin .

Jalankan ini di konsol pilihan browser Anda.

if(jQuery().pluginName){console.log('bonjour');}

Jika ada plugin itu akan mencetak "bonjour" sebagai respons di konsol Anda.

Pendekatan semacam ini seharusnya berhasil.

var plugin_exists = true;

try {
  // some code that requires that plugin here
} catch(err) {
  plugin_exists = false;
}