Jak mogę sprawdzić, czy wtyczka jQuery jest załadowana?

Czy jest jakiś sposób, aby sprawdzić, czy konkretna wtyczka jest dostępna?

Wyobraź sobie, że tworzysz wtyczkę, która zależy od załadowania innej wtyczki.

Na przykład chcę, aby wtyczka jQuery Validation korzystała z biblioteki dateJS w celu sprawdzenia, czy podana data jest poprawna. Jaki byłby najlepszy sposób na wykrycie wtyczki jQuery Valdation, jeśli dataJS była dostępna?

Ogólnie rzecz biorąc, wtyczki jQuery to przestrzenie nazw w zakresie jQuery. Możesz uruchomić proste sprawdzenie, czy przestrzeń nazw istnieje:

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

dateJs nie jest jednak wtyczką jQuery. Zmienia / rozszerza obiekt daty javascript i nie jest dodawany jako przestrzeń nazw jQuery. Możesz sprawdzić, czy istnieje metoda, której potrzebujesz, na przykład:

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

Ale mogą wystąpić problemy, gdy interfejs API nakłada się na natywny interfejs API Date.

Jeśli mówimy o właściwej wtyczce jQuery (takiej, która rozszerza przestrzeń nazw fn), to właściwym sposobem na wykrycie wtyczki byłoby:

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

Lub ponieważ każda wtyczka ma pewną wartość, która odpowiada prawdzie, możesz użyć krótszej

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

BTW, $ i jQuery są wymienne, ponieważ dziwnie wyglądające opakowanie wokół wtyczki pokazuje:

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

zamknięcie

(function($) {
    //
})

po nim następuje natychmiastowe wywołanie do tego „przekazującego” jQuery jako parametru

(jQuery)

$ w zamknięciu jest równe jQuery

Aby wykryć wtyczki jQuery, znalazłem dokładniejsze użycie nawiasów:

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

w przypadku wtyczek, które nie używają przestrzeni nazw fn (na przykład pnotify), działa to:

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

To nie działa:

if($.fn.pluginname)

jQuery ma metodę sprawdzania, czy coś jest funkcją

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

Dokumentacja interfejsu API: https://api.jquery.com/jQuery.isFunction/

Zdecydowanie polecam spakowanie biblioteki DateJS ze swoją wtyczką i udokumentowanie, że to zrobiłeś. Nie ma nic bardziej frustrującego niż szukanie zależności.

To powiedziawszy, ze względów prawnych, nie zawsze możesz być w stanie spakować wszystko. Nigdy nie boli być ostrożnym i sprawdzać istnienie wtyczki, korzystając z odpowiedzi Erana Galperina .

Uruchom to w wybranej konsoli przeglądarki.

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

Jeśli wtyczka istnieje, wydrukuje „bonjour” jako odpowiedź na konsoli.

Takie podejście powinno zadziałać.

var plugin_exists = true;

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