使用 jQuery UI Widget Factory 创建实例变量的正确方法

Question

我正在使用 jQuery UI 小部件工厂。

$.widget("myPlugin" , {

    options: {
    },

    _create: function() {
    },

    instanceVar: "huzzah!"

});

在测试中，instanceVar 似乎实际上是原型的一部分。所以插件的所有实例都是一样的。

我可以通过将 instanceVar 放入选项来解决此问题，如下所示：

$.widget("myPlugin" , {

    options: {
        instanceVar: "huzzah!"
    },

    _create: function() {
    },

});

但这似乎很奇怪，因为 instanceVar 只是插件使用的一个内部变量——插件的用户应该能够更改它。

还有其他（更好的）方法可以实现这一点吗？

感谢您的帮助！

Answer 1

你可以在实例本身存储私有数据，例如在_create里面，你应该可以做到this.instanceVar = "huzzah!"

$.widget("ui.myPlugin", {

    options: {
        foo: "foo"
    },

    _create: function() {
        this.instanceVar = "huzzah!"
    },

    _setOption: function() {
        this.instanceVar = "worky!";
    },

    destroy: function() {
        console.log(this.instanceVar);  
    }

});

$(document).myPlugin().myPlugin("option","foo","bar").myPlugin("destroy"); // "worky"

$("body").myPlugin().myPlugin("destroy"); // "huzzah!

演示：http://jsfiddle.net/PGUqr/