J'essaie d'écrire un widget JQuery à la suite du modèle donné Ici .
Voici un instantané du widget: ici Le problème est avec la portée de "Ceci" à l'intérieur de la méthode _titleclick à l'intérieur de la méthode de ce point sur < code> titre élément. Mais j'en ai besoin de pointer vers le widget . Je pense qu'une façon de le faire sera d'utiliser une classe wrapper comme Est-ce le meilleur moyen de résoudre ce problème ou existe-t-il un modèle général pour résoudre ce problème?
7 Réponses :
J'ai écrit une méthode la mienne pour résoudre ce problème
Vous devriez regarder à JQuery.Proxy () http://api.jquerery.com/jQuery. proxy /
Merci. Ceci est exactement ce que je cherchais.
dans votre fonction Créer, init (ou quelque part dans votre instance) Faites ceci:
_myevent: function(event) {
// use the this ptr to access the instance of your widget
this.options.whatever;
},
Je ne savais pas à ce sujet. Je pense que c'est le meilleur choix si vous n'avez pas besoin de faire référence à l'élément qui a été cliqué.
Définir var pérose = ceci em> et utiliser portée em> dans le gestionnaire d'événements. _create: function () {
var scope = this;
$(".btn-toggle", this.element).click(function () {
var panel = $(this).closest(".panel");
$(this).toggleClass("collapsed");
var collapsed = $(this).is(".collapsed");
scope.showBrief(collapsed);
});
},
Une autre façon de faire la même chose sans utiliser la fermeture, c'est transmettre le widget dans la partie des données d'événement comme:
// using click in jQuery version 1.4.3+.
var eventData = { 'widget': this };
// this will attach a data object to the event,
// which is passed as the first param to the callback.
this.elTitle.click(eventData, this._titleClick);
// Then in your click function, you can retrieve it like so:
_titleClick: function (evt) {
// This will still equal the element.
console.log(this);
// But this will be the widget instance.
console.log(evt.data.widget);
};
C'est ce que je ferais quand je dois pouvoir faire référence à l'élément qui a été clic et accédez également à l'instance de widget.
Il était utilisé via la jQuery lidez méthode maintenant sur est favorisé.