主干.js 悬停在根 dom 上不起作用

Question

为什么根 dom 上的悬停事件绑定不起作用？虽然默认情况下，我可以将 <div class="activity span"></div> 放在模板周围，并在外面使用包装器 <div></div>，但这很糟糕。
请帮忙~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>

Answer 1

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()

)

试试这个..