backbone.js - 如何监听使用backbone.js插入的新元素的事件

Question

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

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

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

也许插入元素的更好方法是创建一个特定的主干视图和模板，这样我就可以使用 events 属性来监听它的事件？

感谢您的帮助和建议。

Answer 1

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

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

这些事件将冒泡到它们的父 DOM 元素。

如果您要插入的元素甚至具有一点功能，我建议创建一个表示此类元素的视图，以便您保持一些功能分离。

希望这可以帮助！