大家早上好。
我正在将原型(prototype)代码重写为 JQuery 插件,但不知道如何处理这一部分:
this.observers = events.map(function(name) {
var handler = this["on" + name.].bind(this);
this.element.observe(name, handler);
return { name: name, handler: handler };
}.bind(this));
我最终得到:
this.observers = $.each(events , function(i, name) {
var handler = "on"+name;
$element.live({
name: handler
});
}
我完全错了? 我不太了解原型(prototype) bind() 的目的。
感谢您的帮助!
编辑:它的上下文是一个插件 init() 函数,我在其中附加“动态”事件及其编码为私有(private)方法的处理程序...
plugin.init = function() {
// the plugin's final properties are the merged default and user-provided options (if any)
plugin.settings = $.extend({}, defaults, options);
if (!plugin.observers) {
var events = ("mouseover mouseout").split(" ");
plugin.observers = $.map(events, $.proxy(function(name) {
var handler = $.proxy(this['on' + name], this);
$element.bind(name, handler);
return { name: name, handler: handler };
}, this));
}
console.log(plugin.observers);
}
请您参考如下方法:
至于原型(prototype)到 jQuery 的翻译(首先阅读我上面关于绑定(bind)/代理的解释),这应该与上面的代码片段紧密匹配:
this.observers = $.map(events, $.proxy(function(name) {
var handler = $.proxy(this['on' + name], this);
this.element.bind(name, handler);
return { name: name, handler: handler };
}, this));
我从原型(prototype)片段中假设:
this是一个原型(prototype)类或一个普通的 JS 对象,它是当前上下文。this.element是对 DOM 元素的引用,在 jQuery 情况下是 jQuery 包装的 DOM 元素。onclick、onfocus和类似的可能回调是this上下文中的方法。
如果没有进一步说明您的代码如何工作或您试图重写 Prototype 插件的哪一部分,这就是我能为您提供的帮助(我希望这已经足够了)。
