我有 jquery 拖放功能,所以我可以将表格中的一行移动到另一行。
演示在这里: http://www.aussiehaulage.com.au/Default.aspx
我使用 jquery-ui-1.8.22 使我的表格可拖放。
我的 javascript 是:
$(document).ready(function () {
$(".draggable").draggable({
helper: function () { return "<div class='ghost'></div>"; },
start: resizeGhost,
revert: 'invalid'
});
$(".droppable").droppable({
hoverClass: 'active',
drop: function (event, ui) {
var target = $(event.target);
var draggable = ui.draggable;
draggable.insertBefore(target);
},
tolerance: 'touch'
});
});
但是,当我移动该行时,如果鼠标光标位于可放置表的两行之间,则两个可放置行都会突出显示。我需要这样做,这样它一次只会突出显示 1 个可放置行。
这可能吗?
最佳答案
在您的可放置元素中添加一个新选项,使用公差拟合或相交
$(".droppable").droppable({
hoverClass: 'active',
tolerence: 'intersect',
drop: function (event, ui) {
var target = $(event.target);
var draggable = ui.draggable;
draggable.insertBefore(target);
},
tolerance: 'touch'
});
供您引用:jquery-ui
关于javascript - 只允许一个可放置区域 jquery 拖放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11944270/