Comment créer un plugin jQuery?

Question

J'ai le code suivant, que je suis de la documentation de jQuery sur la façon de construire un plugin.

Je suis juste essayer de créer une simple extension IsNot:

(function ($) { 
    $.fn.isNot = function (selector) { 
     return !this.is(selector); 
    }; 
})(jQuery); 

$(document).ready(function() { 
    $("#someButton").click(function (event) { 
     alert($("#someCheckbox").isNot(":checked"));   
    }); 
}); 

Quand je lance ce get est chargé de fichier javascript correctement, et je peux parcourir le code dans Firebug. Je vois que jQuery est correctement défini, et l'événement click est correctement câblé.

Cependant, j'ai ajouté une montre dans FireBug pour suivre la fonction isNot, et c'est toujours null. Je n'arrive pas à le définir.

Y at-il quelque chose que je ne fais pas correctement?

Answer 1

Peut-être la façon dont vous incluez jQuery et votre plugin n'est pas correct.

• Vérifiez vos script étiquettes de commande.
• Vérifiez si jQuery se charge correctement
• Vérifiez si vous ne disposez pas plus que sur instance de jQuery, ce qui rendrait votre plugin disponible dans l'instance qui n'est plus accessible.

Voici un working example.

Et comme vous l'avez mentionné le problème était vraiment un problème avec plusieurs références à jQuery.

Soyez prudent lorsque vous utilisez les modèles externes de Telerik, certains fichiers contiennent des contrôles qui chargent JS et/ou CSS, ce qui peut entrer en conflit avec les vôtres.

Answer 2

Dans la définition de votre IsNot la 2ème ligne doit être

retour $ (this) .est (sélecteur)!;

plutôt que

retour this.is (sélecteur)!;

FYI, voici un bon article sur l'architecture du plugin jQuery. http://www.learningjquery.com/2007/10/a-plugin-development-pattern