主干没有将事件绑定到 jQuery Popover

Question

这个问题似乎与其他一些帖子中提出的问题相似：here 和 here。我觉得我理解了这个概念，但我仍然遇到问题。

我正在将 Twitter Bootstrap 用于 javascript 弹出框；弹出框是我要绑定事件的地方。每次调用 .popover('show')/.popover('hide') 时，Bootstrap javascript 都会插入/删除 html。绑定到弹出框内的 html 的事件不会被调用。根据我的阅读，Backbone 使用 jQuery.delegate() 所以 html 是否存在无关紧要，但有些东西不能正常工作

events:
    "click"             : "popover"
    "click .close"      : "close_popover"

在这些事件中，第一个点击事件有效，但第二个（在弹出框内）无效。

popover: ->
  @el.popover('show')
  @delegateEvents(@events) #added from link

close_popover: ->
  @el.popover('hide')

谢谢。

在重复问题的 jsFiddle 上工作。从建议的link添加代码--仍然不起作用。

Answer 1

您的代码看起来不错。您能否确认一个具有类close 的元素作为您的视图el 的子元素存在，并且它就是您实际点击的元素？ （尝试右键单击元素并使用 Chrome 开发者工具或 Firebug 检查它）。

Answer 2

您可能会遗漏一些在编写 CoffeeScript 时至关重要的缩进：

而不是

events:
"click"             : "popover" 
"click .close"      : "close_popover"

你想缩进事件

events:
    "click"        : "popover"
    "click .close" : "close_popover"

如果没有缩进，事件将成为对象的属性，而不是“事件”属性，并且它们永远不会被注册。