Як я можу перевірити, чи завантажений плагін jQuery?

Чи є спосіб перевірити, чи доступний певний плагін?

Уявіть, що ви розробляєте плагін, який залежить від завантаження іншого плагіна.

Наприклад, я хочу, щоб плагін jQuery Validation використовував бібліотеку dateJS, щоб перевірити, чи дана дата дійсна. Що було б найкращим способом виявити у плагіні jQuery Valdation, якщо дата JS була доступна?

Взагалі кажучи, плагіни jQuery - це простори імен в області jQuery. Ви можете запустити просту перевірку, щоб перевірити, чи існує простір імен:

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

dateJs, однак, не є додатком jQuery. Він змінює / розширює об’єкт дати javascript і не додається як простір імен jQuery. Ви можете перевірити, чи існує потрібний вам метод, наприклад:

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

Але у вас можуть виникнути проблеми, коли API перекриває нативну дату API.

Якщо ми говоримо про належний плагін jQuery (той, який розширює простір імен fn), то правильним способом виявити плагін буде:

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

Або тому, що кожен плагін майже гарантовано має деяке значення, яке прирівнюється до істинного, ви можете використовувати коротший

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

BTW, $ і jQuery взаємозамінні, як демонструє дивна обгортка навколо плагіна:

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

закриття

(function($) {
    //
})

супроводжується одразу викликом до цього закриття 'проходження' jQuery як параметра

(jQuery)

$ у закритті встановлюється рівним jQuery

Для виявлення плагінів jQuery я виявив більш точним використання дужок:

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

для плагінів, які не використовують простір імен fn (наприклад, pnotify), це працює:

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

Це не працює:

if($.fn.pluginname)

jQuery має метод перевірити, чи є щось функцією

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

API посилання: https://api.jquery.com/jQuery.isFunction/

Я настійно рекомендую зв’язати бібліотеку DateJS зі своїм плагіном і документувати факт, що ви це зробили. Ніщо не страшніше, ніж розшукувати залежності.

Однак з юридичних причин ви не завжди зможете все зібрати. Також ніколи не завадить бути обережними і перевіряти наявність плагіна, використовуючи відповідь Ерана Гальперіна .

Запустіть це у вибраній консолі браузера.

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

Якщо плагін існує, він видасть "bonjour" як відповідь у вашій консолі.

Такий підхід повинен працювати.

var plugin_exists = true;

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