html5怎么空单元格,Html5的跨越和表单元格

我使用HTML5拖拽拖动物品到不同的表格单元格内拖动项目：Html5的跨越和表单元格

Column 1	Column 2	Column 3
Item 1	Item 2 Item 3

$(document).ready(function(){

$('.event').on("dragstart", function (event) {

var dt = event.originalEvent.dataTransfer;

dt.setData('Text', $(this).attr('id'));

});

$('table td').on("dragenter dragover drop", function (event) {

event.preventDefault();

if (event.type === 'drop') {

var data = event.originalEvent.dataTransfer.getData('Text',$(this).attr('id'));

de=$('#'+data).detach();

de.appendTo($(this));

};

});

})

用这种方法唯一的问题是，如果你拖动“项目1'到'项目2'和'项目3'的单元格中，项目1被追加到最后。

我该如何修改它，以便'项目1'可以在'项目2'之前或'项目2'和'项目3'之间添加。我尝试去掉嵌套可拖动的兔子洞，但很快就放弃了，希望有一种更简单的方法！

2015-06-04

Evonet

+0

您可以选择'项德2'或'项目3'然后用'before'或'after'功能 –

+0

你能告诉我该怎么做？ –