jquery - Backbone - 悬停时切换类

Question

我是 Backbone 的新手，理解这个想法，但在正确编写一个简单的toggleClass 函数时遇到困难。我的网站是一个正方形网格，当一个正方形具有“悬停”类时，某些 css 会导致外观发生变化(显然)。我的问题是toggleClass 不起作用。我的代码如下:

var IndexView = Backbone.View.extend({
el: $('#main'),
indexTemplate: $("#indexSquare").template(),

events: {
"mouseover .square"  : "mouseovercard"
},

render: function() {
    removeFallbacks();
    var sg = this;

    this.el.fadeOut('fast', function() {
    sg.el.empty();
    $.tmpl(sg.indexTemplate, sg.model.toArray()).appendTo(sg.el);
    sg.el.fadeIn('fast');
    });
    return this;
},

mouseovercard: function() {

    $(this).toggleClass('hover')
    console.log("hey you're hovering!")

}

});

这里到底出了什么问题？任何帮助将不胜感激!

Answer 1

代码中的this引用View对象，使用event对象的currentTarget属性。

mouseovercard: function(event) {
    $(event.currentTarget).toggleClass('hover');
    console.log("hey you're hovering!");
}