Javascript backbone.js悬停在根dom上'；行不通

为什么根dom上的悬停事件绑定不起作用？虽然默认情况下，我可以将

放在模板周围，并在模板外部使用包装器

，但它很糟糕。
请帮忙~thx

ActivityView = Backbone.View.extend(
    className: "activity span"
    events: {
        "hover" : "toggleSidebarTrigger"   // doesn't work..
        "hover img" : "foo"                // works
        "click" : "bar"                    // works
    }
    template: _.template($("#activity-item-template").html())
    initialize: ->
        this.model.bind("change", this.render, this)
        this.render()
    render: ->
        $(this.el).html(this.template(this.model.toJSON()))
    toggleSidebarTrigger: ->
        this.$(".sidebar-trigger").toggle()

)


  <script id="activity-item-template" type="text/template">
      <img src="{{ photo.url_m }}" class="activity-media" alt="" />
      <a href="#toggle-sidebar" class="sidebar-trigger"><%= image_tag "plus_69x69.png" %></a>
  </script>

ActivityView=Backbone.View.extend(
类名：“活动范围”
活动：{
“悬停”：“toggleSidebarTrigger”//不起作用。。
“悬停img”：“foo”//works
“单击”：“条”//works
}
模板：35;.template（$（“#活动项模板”）.html（）
初始化：->
this.model.bind（“change”、this.render、this）
this.render（）
渲染：->
$（this.el）.html（this.template（this.model.toJSON（）））
toggleSidebarTrigger:->
此.$（“.sidebar触发器”）.toggle（）
)

---

试试这个

你能把代码放在jsfiddle.net上共享吗？它在任何浏览器中都不起作用？它会抛出错误吗？请提供更多详细信息。我想试试这个，但不是

这个。$（选择器）==$（选择器，这个.el）

？

ActivityView = Backbone.View.extend(
    className: "activity span"
    events: {
        "hover" : "toggleSidebarTrigger"   // doesn't work..
        "hover img" : "foo"                // works
        "click" : "bar"                    // works
    }
    template: _.template($("#activity-item-template").html())
    initialize: ->
        this.model.bind("change", this.render, this)
        this.render()
    render: ->
        $(this.el).html(this.template(this.model.toJSON()))
    toggleSidebarTrigger: ->
        $(".sidebar-trigger", this.el).toggle()

)