为什么不会'骨干火我的活动？

Question

我的类定义如下：

class NewUser extends Backbone.View
  template : JST["backbone/templates/events/new"]
  events : 
    'click button' : 'hello'
  hello : ->
    alert('hi')
  render : ->
    @el = $(@template())
    @ 

我按如下方式初始化页面：

$('body').append(new NewUser().render().el)

然而，当我单击按钮时，没有显示任何警报。有人看到我的代码有什么问题吗？视图呈现，但事件从未注册。

Answer 1

您正在 render 方法中创建 @el ：

render : ->
    @el = $(@template())
    @ 

但您忽略了调用 delegateEvents：

使用 jQuery 的 delegate 函数为视图中的 DOM 事件提供声明性回调。 [...] 默认情况下，delegateEvents 会在 View 的构造函数中为您调用 [...]

因此，您的事件永远不会绑定到您添加的 @el到 DOM 并且你的按钮没有任何用处。您的渲染应如下所示：

render : ->
    @el = $(@template())
    @delegateEvents()
    @

Answer 2

按钮是渲染到视图的 el 的模板的一部分吗？

如果不是，则不会触发 hello 事件，因为事件哈希仅限于视图本身内的事件。在这种情况下，您需要手动绑定到 render 方法中的事件

render : ->
  @el = $(@template());
  $('#buttonId').click(@hello);