Como posso verificar se um plugin jQuery está carregado?

Existe alguma maneira de verificar se um determinado plugin está disponível?

Imagine que você está desenvolvendo um plug-in que depende de outro plug-in sendo carregado.

Por exemplo, quero que o plugin jQuery Validation use a biblioteca dateJS para verificar se uma determinada data é válida. Qual seria a melhor maneira de detectar, no plugin jQuery Valdation, se o dateJS estivesse disponível?

De um modo geral, os plugins jQuery são namespaces no escopo do jQuery. Você pode executar uma verificação simples para ver se o espaço para nome existe:

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

dateJs no entanto não é um plugin jQuery. Ele modifica / estende o objeto de data do javascript e não é adicionado como um espaço para nome do jQuery. Você pode verificar se o método necessário existe, por exemplo:

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

Mas você pode ter problemas nos quais a API se sobrepõe à API nativa da Data.

Se estamos falando de um plugin jQuery adequado (que estende o espaço para nome fn), a maneira correta de detectar o plug-in seria:

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

Ou como todos os plug-ins têm praticamente a garantia de ter algum valor igual a verdadeiro, você pode usar o menor

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

BTW, o $ e o jQuery são intercambiáveis, como o wrapper de aparência estranha em torno de um plug-in demonstra:

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

o encerramento

(function($) {
    //
})

é seguido imediatamente por uma chamada para esse fechamento 'passando' jQuery como o parâmetro

(jQuery)

o $ no fechamento é definido como jQuery

Para detectar plugins jQuery, achei mais preciso usar os colchetes:

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

para os plug-ins que não usam o espaço para nome fn (por exemplo, pnotify), isso funciona:

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

Isso não funciona:

if($.fn.pluginname)

O jQuery possui um método para verificar se algo é uma função

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

Referência da API: https://api.jquery.com/jQuery.isFunction/

Eu recomendo fortemente que você agrupe a biblioteca DateJS com seu plug-in e documente o fato de que você fez isso. Nada é mais frustrante do que ter que caçar dependências.

Dito isto, por razões legais, nem sempre é possível agrupar tudo. Também nunca é demais ser cauteloso e verificar a existência do plugin usando a resposta de Eran Galperin .

Execute isso no console do seu navegador preferido.

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

Se o plug-in existir, ele imprimirá "bonjour" como resposta no seu console.

Esse tipo de abordagem deve funcionar.

var plugin_exists = true;

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