如何在jquery ui小部件工厂小部件中声明静态/类变量

Question

关于jquery ui widget工厂......

在所有实例之间共享静态变量/类级别变量的最佳方法是什么？

例如

$.widget("ui.staticTest", {
    staticVar:'unchanged',
    test: function(a){
        if(a){
            this.staticVar= a;
        }
        alert(JSON.stringify(this.staticVar));
    }
});

$('#test').staticTest();
$('#parent').staticTest();

$('#test').staticTest('test','changed');
$('#parent').staticTest('test');

在上面,如果staticVar是静态的,$('#parent').staticTest('test'); 会警告'改变',但它警告'不变'.

(如果你想要一个游戏,这个代码在jsfiddle上:http://jsfiddle.net/alzclarke/Sx8pJ/)

我能想到的解决方案很丑陋:

1)$('body').data('sharedVariable',myData) - 这似乎不是一个好习惯,如果有人或某事清除数据主体2)将其存储在原型命名空间中例如= $ .ui .staticTest.prototype.staticVar = myData; 这也敲响了警钟

Answer 1

闭包是你的答案

(function($) {

var staticVariable = '';

$.widget('ui.newWidget', {
    options: {

    },
    _init: function() {
    }

});

})(jQuery);

staticVariable只能在你刚刚定义的小部件的范围内使用,因为它被包含在一个立即被调用的匿名函数中(就像你应该已经为你的jquery/jquery ui插件做的那样).