如何在使用backbone.js插入的新元素上侦听事件

Question

在我的backbone.js应用程序中，我在dom中插入一个元素：

newElement = $('<div id="resizable" class="resizable"><div class="close">x</div><input type="text" name="text_' + @count++ + '" /></div>');
@previewWrapper.append(newElement);

如何在关闭按钮上收听点击事件。我可以使用我视图的Events属性吗？

插入元素的更好方法是创建一个特定的骨干视图和模板，所以我可以使用events属性监听它上面的事件？

感谢您的帮助和建议。

Answer 1

您可以通过events -hash收听分配给视图的DOM元素及其子元素，孙子元素等生成的事件。因此，在您插入这些新元素的视图中，您可以执行

events: {
  ...
  'eventType .close': 'callbackFuncName',
  ...
}

事件将冒泡到其父DOM元素。

如果要插入的元素具有一点功能，我建议创建一个代表这样一个元素的视图，以便保持一些功能分离。

希望这有帮助！