[英]jQuery - plugin methods call
我正在尝试按照一些官方最佳实践创建一个jQuery插件
(function($){
var methods = {
init : function( options ) {
this.options = options;
}
, add_that: function (elem) {
this.append(elem);
return (this);
}
, add_this: function (elem) {
return (methods.add_that(elem));
}
};
$.fn.test = 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.test' );
}
};
})(jQuery);
我想方法add_that
能够将东西附加到匹配的元素。
现在从add_this
调用此方法。
$('#test').test('add_this', $('<div />'));
TypeError:this.append不是函数
为什么我不能从add_that
访问插件( this
)?
因为当您从add_this
调用范围时,范围已更改。 请注意,原始调用使用Function.apply
来调用this
范围。
if ( methods[method] ) {
return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
}
所以你可以通过在你的方法中再次使用apply来解决这个问题:
add_this: function (elem) {
return methods.add_that.apply(this,[elem]);
}
实例: http : //jsfiddle.net/XaUHV/
在您使用它的上下文中,“this”指的是methods.add_that
由于methods.add_that是一个函数,因此默认情况下没有任何方法称为“append”。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.