我正在尝试 jQuery UI。我有 2 个 div:一个是我的可拖动项,另一个是我的可放置区域。我正在克隆可拖动项并将其附加到我的可放置 div。我的问题是我需要将项目添加到我放置它的相同位置(我的光标所在的位置),现在这些项目被添加到我的可放置 div 的底部。有任何想法吗? (抱歉我的英语不好)。
我的 JavaScript:
$(document).ready(function () {
$(".block").draggable({ helper: 'clone' }, { grid: [20, 20] }, { revert: "valid" });
$("#dropZone").droppable({
accept: ".block",
drop: function (ev, ui) {
var droppedTable = $(ui.draggable).clone();
droppedTable.appendTo($(this));
}
});
});
最佳答案
快到了。您需要修复可拖动对象的语法:
$( ".block" ).draggable({
helper:'clone',
grid: [20, 20],
revert: "invalid" //assume you want invalid here, not valid
});
并使用 ui.helper 克隆可拖动对象:
$('#dropZone').droppable({
accept: '.block',
drop: function(event,ui){
var droppedTable = $(ui.helper).clone();
droppedTable.appendTo($(this));
}
});
关于jQuery UI,拖放,追加到光标位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44011027/