Question

当我drag到droppable区域的元素时，它会向服务器发送socket。每当我append页面的新元素时，drop: function() {}在删除附加元素时不会触发，只有在页面被刷新后才会触发，尽管drag函数有效。

问题

有没有办法将drop函数绑定到附加元素？

码

var UI = {
    droppedArea: $('.dropArea'),
    initialArea: $('#init-area')
};

UI.droppedArea.droppable({
   drop: function(event, ui) {
        var dropped = ui.draggable;
        var droppedOn = $(this),
        /* Rest of the code */
        socket.emit('move', data);
   }
});

// Element appended like this
function newItem(data) {
   var html = '<li>'+data.content+'</li>';
   UI.initialArea.append(html);
}

// From the server
socket.on('new', function(data) {
   newItem(data);
});

Answer 1

弄清楚原因。

在drop: function()下，我有一个accept:选项，该值是DOM元素，类型为类，存储在变量中。

因此，变量未引用任何附加元素，因此函数

未捕获它们

var UI = {
   var item = $('.the_item')
}

drop: function() {
    accept: UI.item,
}

附加元素的jQuery drop函数

1 个答案: