javascript - 在主干视图中删除事件

Question

我正在尝试在我的主干视图中添加一个放置事件，但我无法正确处理。下面是我正在使用的代码，您也可以查看这个jsfiddle。

var View = Backbone.View.extend({

    events: {
        'drop .dropzone': 'drop'
    },

    drop: function(e) {
        e.preventDefault();
        alert('Dropping');
    },

    initialize: function() {},

    render: function() {}
});

$(function() {
    var view = new View({
        el: $('.dropzone');
    });
});​

Answer 1

如果您的视图是 el == .dropzone 那么您应该这样做

events: {
    'drop': 'drop'
},

如果您只指定没有选择器的事件类型，它将监听视图根元素上的事件 - 在这种情况下为 $('.dropzone') 。

你在这里做的方式会尝试在 .dropzone 元素的子元素中找到 .dropzone 元素 - 显然它根本找不到这个元素