jquery插件方法之间的局部变量

Question

我在快速使用的 jquery 插件上遇到了麻烦。 当调用 ajax 的启动句柄事件时，它会淡入，并在完成句柄时停止。

示例：

start : function (e,o) { 
    target.mask();
    target.showMaskAjax();
},

complete : function (e,o) {
    target.hideMaskAjax();....
},

问题是..当我触发 2 个 ajax 调用时，我想正确访问内部变量 “hideMaskAjax”已在

target.mask() 中的“target.mask()”中初始化，我一直在尝试：

 this.mask = $("<div/>", {css: {display: "none"}).addClass("loading_mask");
 this.spinner = $("<div/>", {css: {display: "none"}}).addClass("spinner");

在 target.hideMaskAjax() 中：

alert(this.mask); //fail

另外为此在插件中创建全局变量似乎不适用于多次调用。

Answer 1

我们确实需要查看插件代码的其余部分来了解您是如何做到的。这就是说，在我看来，您需要创建一个实际的对象，以便可以拥有成员变量和多个实例。然后你可以将东西附加到上面。

Answer 2

在我看来，不要把事情搞得太复杂。最简单、最快、最脏的解决方案是将变量直接放入目标中。这两个函数都可以像这样访问目标。选择一个不常见的名字。

顺便说一句，您的警报（this.mask）可能会失败，因为 mask 已经被声明为目标上的函数（因此您需要小心命名）。尝试在前面加上下划线。