使用backbonejs视图，将“onload”事件附加到图片标签的最佳方式是什么？

Question

我想为在backbonejs视图中的图像附加一个“onload”事件。我目前将它作为“load img”包含在“events”中：“function”，但它并未被解雇。

对此有何建议？

Answer 1

骨干的事件处理基于delegate和delegate只能用于泡泡事件。问题是加载事件不会冒泡;从HTML5 specification：

如果下载成功
的img元素设置为完全可用状态，适当地更新图像的呈现，并在img元素火命名为load一个简单的事件。

而一个simple event不起泡：

烧成名为E中的简单事件意味着与名称ë，这不起泡（除另有说明外）的事件[...]

所以你必须用这样的东西来连接一个处理程序：

render: function() { 
    var self = this; 
    this.$el.append(some_html_with_img_elements); 
    this.$el.find('img').on('load', function() { self.img_loaded() }); 
    return this; 
} 

演示：http://jsfiddle.net/ambiguous/c7wH2/