0

这个问题参考了我之前的问题（jQuery插件点击实例问题&设计模式反馈）。我之前的问题更多地集中在我使用的设计方法上。

我想将点击事件绑定到我调用脚本的元素：

main.js

$('nav ul li a.has-sub').sidebarNav();

切换的问题：self 不返回实际实例，但总是返回最后一个实例 - 如何解决这个问题？

toggle : function(){
    console.log(self); // Should return the right instance, but it doesn't!
}

在我的插件中：

_bindEvents : function(){
    self.$elem.bind('click.sidebarNav', self.toggle);
},

jquery.sidebarNav.js

;(function($){

"use strict";

var SidebarNav = function(element, options){
    this._init(element, options);   
}

SidebarNav.prototype = {
    _init : function(element, options){
        var self = this;
            self.elem = element;
            self.$elem = $(element);
        self.options = $.extend( {}, $.fn.sidebarNav.defaults, options);
        self._bindEvents();
    },

    _bindEvents : function(){
        self.$elem.bind('click.sidebarNav', self.toggle);
    },

    toggle : function(){
        console.log(self);
    }
}

$.fn.sidebarNav = function(options) {
    return this.each(function(){
        var instance = new SidebarNav(this, options);
        $.data(this, 'sidebarNav', instance);
    });
}

$.fn.sidebarNav.defaults = {}

})(jQuery);
4

1 回答 1

1

您可以使用this而不是self. self当您在嵌套函数中使用什么时使用，this例如bindwherethis引用另一个对象。正如我所看到的，该self变量未绑定到函数中的任何_bindEvents内容toggle。但是，如果要使用，请通过编写将其self声明为 的属性并将其用作。SidebarNavthis.self=...console.log(this.self)

于 2013-03-01T18:47:46.773 回答