Wie kann ich überprüfen, ob ein jQuery-Plugin geladen ist?

Gibt es eine Möglichkeit zu überprüfen, ob ein bestimmtes Plugin verfügbar ist?

Stellen Sie sich vor, Sie entwickeln ein Plugin, das davon abhängt, dass ein anderes Plugin geladen wird.

Zum Beispiel möchte ich, dass das jQuery Validation-Plugin die dateJS-Bibliothek verwendet, um zu überprüfen, ob ein bestimmtes Datum gültig ist. Was wäre der beste Weg, um im jQuery Valdation-Plugin zu erkennen, ob das Datum JS verfügbar ist?

Im Allgemeinen sind jQuery-Plugins Namespaces im jQuery-Bereich. Sie können eine einfache Überprüfung durchführen, um festzustellen, ob der Namespace vorhanden ist:

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

dateJs ist jedoch kein jQuery-Plugin. Es ändert / erweitert das Javascript-Datumsobjekt und wird nicht als jQuery-Namespace hinzugefügt. Sie können beispielsweise überprüfen, ob die von Ihnen benötigte Methode vorhanden ist:

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

Möglicherweise treten jedoch Probleme auf, bei denen die API die native Datums-API überlappt.

Wenn es sich um ein geeignetes jQuery-Plugin handelt (eines, das den fn-Namespace erweitert), ist der richtige Weg, das Plugin zu erkennen:

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

Oder weil garantiert ist, dass jedes Plugin einen Wert hat, der true entspricht, können Sie das kürzere verwenden

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

Übrigens sind $ und jQuery austauschbar, wie der seltsam aussehende Wrapper um ein Plugin zeigt:

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

die Schließung

(function($) {
    //
})

Es folgt sofort ein Aufruf dieses Abschlusses, der jQuery als Parameter 'übergibt'

(jQuery)

Das $ im Abschluss wird gleich jQuery gesetzt

Um jQuery-Plugins zu erkennen, habe ich festgestellt, dass die Klammern genauer sind:

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

Für die Plugins, die keinen fn-Namespace verwenden (zum Beispiel pnotify), funktioniert dies:

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

Das funktioniert nicht:

if($.fn.pluginname)

jQuery hat eine Methode, um zu überprüfen, ob etwas eine Funktion ist

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

API-Referenz: https://api.jquery.com/jQuery.isFunction/

Ich würde dringend empfehlen, dass Sie die DateJS-Bibliothek mit Ihrem Plugin bündeln und die Tatsache dokumentieren, dass Sie es getan haben. Nichts ist frustrierender, als Abhängigkeiten suchen zu müssen.

Aus rechtlichen Gründen können Sie jedoch möglicherweise nicht immer alles bündeln. Es tut auch nie weh, vorsichtig zu sein und anhand der Antwort von Eran Galperin zu prüfen, ob das Plugin vorhanden ist .

Führen Sie dies in der Browser-Konsole Ihrer Wahl aus.

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

Wenn das Plugin vorhanden ist, wird "bonjour" als Antwort in Ihrer Konsole ausgedruckt.

Diese Art von Ansatz sollte funktionieren.

var plugin_exists = true;

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