Comment puis-je vérifier si un plugin jQuery est chargé?

Est-il un moyen de vérifier si un plugin est disponible?

Imaginez que vous êtes l'élaboration d'un plugin qui dépend d'un autre plugin en cours de chargement.

Par exemple je veux le plugin jQuery Validation d'utiliser le dateJS bibliothèque pour vérifier si une date donnée est valide. Quelle serait la meilleure façon de détecter, dans le jQuery Valdation plugin si le dateJS était disponible?

InformationsquelleAutor Vitor Silva | 2008-12-30

jquery jquery-plugins

354

Généralement parlant, les plugins jQuery, sont des espaces de noms sur le jQuery portée. Vous pouvez exécuter une façon simple de vérifier pour voir si l'espace de noms existe:
```
 if(jQuery().pluginName) {
     //run plugin dependent code
 }
```
dateJs n'est cependant pas un plugin jQuery. Il modifie/s'étend de l'objet date javascript, et n'est pas ajouté comme un espace jQuery. Vous pouvez vérifier si la méthode que vous avez besoin, par exemple:
```
 if(Date.today) {
      //Use the dateJS today() method
 }
```
Mais vous pouvez rencontrer des problèmes lorsque l'API chevauche la Date natif de l'API.
- if(jQuery.fn.pluginName) {...} est une autre option
- Peut-être un peu exagéré, mais if ($.isFunction(jQuery.fn.pluginName)) { ... } permettra également de s'assurer qu'il est au moins une fonction.
- j'ai une fonction qui charge le script, ` LoadScript (emplacement,namespcae,callBack)` , fonction de rappel est déformé sous un intervalle, jusqu'à l'espace de noms je.e window.jQuery est pas définie, le rappel ne sera pas exécuté, il fonctionne bien, mais maintenant je suis tring pour charger un j extension de requête et de vérifier , j'ai besoin d'appeler jquery sélectionnez la fonction comme jQuery().pluginName, mais lorsque je passe ma fonction de paramètres comme LoadScript("jquery+plugin.js",jquery().plugin) jquery() dose existait pas encore.
InformationsquelleAutor Eran Galperin
93

Si nous parlons d'un bon plugin jQuery (celle qui s'étend de la fn de l'espace de noms), puis à la bonne façon de détecter le plugin serait:
```
if(typeof $.fn.pluginname !== 'undefined') { ... }
```
Ou parce que chaque plugin est presque garanti d'avoir une valeur qui correspond à la valeur true, vous pouvez utiliser la plus courte
```
if ($.fn.pluginname) { ... }
```
BTW, l' $ et jQuery sont interchangeables, comme l'étrange wrapper autour d'un plugin montre:
```
(function($) {
    //
})(jQuery))
```
la fermeture
```
(function($) {
    //
})
```
est immédiatement suivie par un appel à la fermeture "passer" jQuery que le paramètre
```
(jQuery)
```
l' $ à la clôture est égale à jQuery
- J'ai fait une fonction function isPluginLoaded(plugin) { return !!$.fn[plugin] }
- Le premier exemple devrait être if(typeof $.fn.pluginname != 'undefined')
- est correct et j'ai édité la réponse en conséquence, bien que j'ai utilisé un niée triple plutôt que de double est égal à l'égalité de comparer à la fois le type et la valeur.
- $ et jQuery ne sont pas toujours interchangeables, comme jQuery peut être (comme WordPress) chargé dans no-conflit mode. Cela m'a causé de toujours utiliser le raccourci, d'absence de conflit sûr document prêt: jQuery(function($) { // $ is safe in here.... }); ou, comme vous le soulignez, la fermeture modèle: (function($) { // $ is safe in here.... })(jQuery);, selon mes envies / besoins. (BTW, upvoted, comme la vérification de vous recommander, c'est celui que je préfère)
InformationsquelleAutor rmirabelle
11

Pour détecter les plugins jQuery, j'ai trouvé de plus précis d'utiliser les parenthèses:
```
if(jQuery().pluginName) {
    //run plugin dependent code
}
```
InformationsquelleAutor Suso Guez
8

pour les plugins qui n'utilise pas du fn espace de noms (par exemple pnotify), cela fonctionne:
```
if($.pluginname) {
    alert("plugin loaded");
} else {
    alert("plugin not loaded");
}
```
Cela ne fonctionne pas:
```
if($.fn.pluginname)
```
- Merci. Un autre exemple - Jquery plugin Cookie
InformationsquelleAutor trante
2

jQuery a une méthode pour vérifier si quelque chose est une fonction
```
if ($.isFunction($.fn.dateJS)) {
    //your code using the plugin
}
```
De référence de l'API: https://api.jquery.com/jQuery.isFunction/

InformationsquelleAutor HasanG
1

Je recommande fortement que vous le bundle de la DateJS bibliothèque avec votre plugin et de documenter le fait que vous l'avez fait. Rien n'est plus frustrant que d'avoir à traquer les dépendances.

Cela dit, pour des raisons légales, vous ne pouvez pas toujours être en mesure de regrouper tout. Elle aussi ne fait jamais de mal d'être prudent et de vérifier l'existence du plugin à l'aide de Eran Galperin réponse.

InformationsquelleAutor Soviut
1

Exécuter cette dans votre navigateur de la console de son choix.

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

Si le plugin existe, il permet d'imprimer un "bonjour" comme une réponse à votre console.

InformationsquelleAutor Joshua Pekera
-1

Ce type de démarche devrait fonctionner.
```
var plugin_exists = true;

try {
  //some code that requires that plugin here
} catch(err) {
  plugin_exists = false;
}
```
- Presque tenté de downvote pour la capture de ce que vous pouvez (et devriez) détecter facilement
InformationsquelleAutor ceejayoz

Vous devez vous connecter pour publier un commentaire.