骨干視圖中的drop事件

Question

我試圖在我的主干視圖中添加一個drop事件，但是我做不到。 以下是我正在使用的代碼，您也可以查看此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元素-顯然，它將根本找不到該元素