1 回答

TA贡献1827条经验 获得超4个赞
考虑以下代码。
示例: https: //jsfiddle.net/Twisty/r8h0asL3/4/
JavaScript
$(function() {
for (var i = 1; i < 11; i++) {
$('tbody').append('<tr><td id="a-' + i + '""></td><td id="b-' + i + '""></td></tr>');
}
$('.dragDiv').draggable({
containment: $("tbody"),
snap: 'td',
snapMode: 'inner',
snapTolerance: "15"
});
$('tbody td').droppable({
accept: '.dragDiv',
drop: function(event, ui) {
ui.draggable.css({
top: "",
left: ""
}).appendTo(this);
}
});
});
您可以在这里看到snap您尝试的方法是正确的。我添加了containment这样用户就无法将其拖出计划。
对于drop,我们需要删除位置样式,然后将其附加到放置目标。
展望未来,您可能会考虑将 DIV 浮动在表格上。通过这种方式,它可以“覆盖”时间范围,而不是作为单元格内的元素。
- 1 回答
- 0 关注
- 127 浏览
添加回答
举报