jQuery documentation建议使用data()按DOMElement存储其他信息。但是我很难以一种好的方式访问保存的数据。
当我调用其他让我迷失方向的功能时,范围会发生变化:)
(function ($) {
var methods = {
init: function (options) {
return this.each(function () {
var $this = $(this),
data = $this.data('myPlugin');
if (!data) {
$(this).data('myPlugin', {
testValue: true
});
data = $this.data('myPlugin');
}
});
},
testFunction: function () {
console.log('t: '+$(this).data('myPlugin').testValue);
methods.otherFunction();
},
otherFunction: function () {
console.log('o: '+$(this).data('myPlugin').testValue);
}
};
$.fn.myPlugin = function (method) {
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.myPlugin');
}
};
})(jQuery);
$(document).ready(function () {
$('body').myPlugin();
$('body').myPlugin('testFunction');
});
控制台输出:
t: true
Uncaught TypeError: Cannot read property 'testValue' of undefined
答案 0 :(得分:6)
您需要使用
methods.otherFunction.apply(this);
而不是
methods.otherFunction();
使范围正确。