javascript - 如何在 jquery-ui 小部件中存储内部属性？

Question

我正在从头开始编写一个新的 jquery-ui 小部件。我找到了官方的“widget factory works”文档。( http://jqueryui.com/demos/widget/ )

小部件本身工作正常。现在我想在内部存储一些值 - 有更好的方法吗？
我认为在选项中声明的所有属性都是公开的。

感谢您的帮助!

Answer 1

只需在this 上使用普通的旧属性。例如，一个基本的小部件看起来像这样:

$.widget('some_name', {
    options: { /* ... */ },
    _create: function() {
        // ...
        this.internal_value = 11;
        // ...
    },
    frobnicate_by: function(this_much) {
        this.internal_value += this_much;
    }
    // ...
});

并且您可以根据需要将内部值设置为 this 的属性。例如，上面将 this.internal_value 设置为初始值 11 并且 $(s).some_name('frobnicate_by', 23) 将更改 internal_value 。

您可以通过查找 this.changer 在链接到的示例小部件中查看内部属性的示例。

选项 用于当有人创建您的小部件实例时可以配置的东西。内部设置不需要任何特殊处理，它们只是普通的旧对象属性；小部件工厂的好处之一是它可以让您在小部件中轻松执行普通的 OO 操作。