查询
$('a').draggable({
containment: "table",
revert: 'invalid'
});
var i = 0;
$('td').droppable({
drop: function (ev, ui) {
var dropped = ui.draggable;
var droppedOn = $(this);
$(droppedOn).droppable("disable");
$(dropped).parent().droppable("enable");
$(dropped).detach().css({
top: 0,
left: 0
}).appendTo(droppedOn);
}
});
$('td').not('td:empty').droppable("disable");
$('#red').droppable({
drop: function(ev, ui) {
dropped = ui.draggable;
droppedOn = $(this);
if ( $(droppedOn).droppable()){
i++;
}else{
i--;
}
if (i==3){
$(droppedOn).droppable("disable");
$(dropped).parent().droppable("enable");
$(dropped).detach().css({top: 0, left: 0}).appendTo(droppedOn);
}else{
$(droppedOn).droppable("enable");
}
},
out: function(event, ui) {
i=i-1;
}
});
fiddle :https://jsfiddle.net/uo8x5ks2/
当我拖动它时,我试图让红色背景与 T 一起移动。 现在它只让我拖T 谢谢你的时间
最佳答案
你可以看看这个,这个插件。它真的很容易使用。
关于javascript - 如何拖动表格中的列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31552858/