我有一个单列表,其中每个单元格都是一个接受某个类的可拖动对象的可放置对象。该表的边框是可见的,但我不希望固定大小的单元格着色和可见,这对我来说看起来很丑。当我拖动一个可拖动对象与一个单元格相交时,该单元格会突出显示,这并不难做到,但我也希望这个突出显示能够占用拖动对象的大小。所有可拖动对象的宽度都是固定的,但有些对象的高度比其他对象高,因此调整高度就足够了,但我不知道从哪里开始。这是我正在寻找的那种适应的例子。
问问题
325 次
1 回答
1
根据您的要求,我建议您使用 jQueryUI“Sortable”而不是 Draggable/Droppable。请参阅 jQueryUI 站点上的 portlet 演示,它应该是您正在寻找的功能。
编辑:@Subhamoy,我现在明白你的意思了。这是一个使用Sortable并依赖CSS来构建表格的解决方案: Link to jsfiddle
关键部分是负责调整占位符大小的“过度”处理程序:
$( ".target .tbody" ).sortable({
forcePlaceholderSize: true,
placeHolder: "ui-sortable-placeholder",
connectWith: ".source .tbody",
items: "> .tr",
over: function(event, ui) {
var $context = $(this)
,$h = ui.helper
,$p = $('.ui-sortable-placeholder', $context)
,hheight = $h.height()
;
$p.removeAttr("style");
$p.css("height", hheight + "px");
}
});
于 2013-02-15T15:46:48.450 回答