jQuery UI Widget Factory 获取当前小部件的上下文

Question

使用 jQuery UI 小部件工厂模式创建小部件后，是否存在对小部件本身的全局引用？

我尝试过将小部件变量设置为等于小部件:

$.widget("my.widget", {
  _widget: this,
  _create: function () {
    // _widget should == the whole widget
  }
});

我还尝试通过 jQuery 获取小部件的上下文，例如:

$.widget("my.widget")

我不知道你应该如何在小部件内部回调该小部件。

Answer 1

在小部件方法内，您可以通过“this”关键字引用实例:

$.widget('my.widget', {
    foo: true,
    _create: function () {
        var foo = this.getFoo();
    },
    getFoo: function () {
        return this.foo;
    }

});

如果您在一个方法中并发现上下文已更改(编写 jQuery 时经常出现这种情况)，那么您可以在本地变量中存储对“this”的引用:

$.widget('my.widget', {
    foo: true,
    _create: function () {
        var self = this;
        this.element.click(function () {
            var foo = self.getFoo();
        });
    },
    getFoo: function () {
        return this.foo;
    }

});