javascript - jQuery:UI 小部件定义

Question

我有一个像这样定义的小部件:

$.widget("ui.mywidget", {
    _init: function() {
        this.element.bind("keyup", function(event) {
            alert(this.options);
            alert(this.options.timeout);
        });
    }
});

并尝试这样调用它:

$("input.mywidget").mywidget({timeout: 5});

我还使用 this.element.keyup(function(event) { ... }) 样式重新定义了 bind 方法:没有区别。

但是，在 keyup 绑定(bind)中，this.options(并将其作为 options 引用)都产生未定义。我认为 UI 小部件框架允许这种类型的抽象；我做错了什么吗？

Answer 1

在 bind() 内部时，this 更改为引用引发事件的对象。尝试:

$.widget("ui.mywidget", {
    _init: function(options) {
        var opts = this.options;
        this.element.bind("keyup", function(event) {
            alert(opts);
            alert(opts.timeout);
        });
    }
});