所以我正在开发这个应用程序,我希望人们能够将项目从一个表数据拖到另一个表数据,这些数据必须包含在父表行中。
但每当我拖动它时,它似乎都会坚持不包含任何占位符高度的收容。
亲自尝试:http://jsfiddle.net/2wy8R/
我怎么能让它选择父母的父母?那么,我怎样才能让占位符计数呢?
问候
.
的YouTube视频
答案 0 :(得分:3)
好的,你走了。覆盖默认包含,因为它似乎与您的方案有关。如果这不是一个好主意,请告诉我,但似乎有效:
$('#first, #second').sortable({
connectWith: '.sortable',
placeholder: 'placeholder',
start: function(event, ui) {
ui.placeholder.height(ui.item.height() - 4);
var p = $(ui.helper);
var tr = p.closest("tr");
$(document).mousemove(function(e) {
var pOffset = p.offset();
var trOffset = tr.offset();
if (pOffset.left < trOffset.left) {
p.css({left: trOffset.left});
}
if (pOffset.left + p.width() > trOffset.left + tr.width()) {
p.css({left: trOffset.left + tr.width() - p.width()});
}
if (pOffset.top < trOffset.top) {
p.css({top: trOffset.top});
}
if (pOffset.top + p.height() > trOffset.top + tr.height()) {
p.css({top: trOffset.top + tr.height() - p.height()});
}
});
}
}).disableSelection();
不过要小心,因为这会不断地将mousemove事件添加到文档中。你可能想在绑定它之前取消绑定mousemove ...