到目前为止,这是我的工作代码:
http://jsfiddle.net/fmpeyton/9a8sxw9z/
这是Kendo Sortable启动器:
$(".panels").kendoSortable({
filter: ".panel",
cursor: "move",
change: function () {
},
placeholder: function (element) {
return element.clone()
.css({ "opacity": 0.8, });
},
hint: function (element) {
return element.clone()
.css({ "border": "1px solid #a2a2a2" })
.height(element.height())
.width(element.width());
}
});
我有几个问题:
将所有面板从一列移出时,无法将任何面板移回空白列
在极少数情况下,我无法移动某些面板。 (我可以重现的一种情况是将“面板1”从左列移动到右列顶部。即使面板占位符显示出来,面板也始终恢复到其原始位置。)
当我在左列中有“面板1”,在右边有其他三个面板时,为了能够将面板拖放到“面板1”下方,我需要先将其拖动到“面板1”上方以触发此功能。理想情况下,我希望能够将其拖放到下面。
知道为什么这些事情会发生吗?我可以进行任何CSS更改来解决此问题吗?
最佳答案
我解决此问题的方式有两个:
初始化Sortable
小部件的两个实例并通过connectWith
选项连接它们
在列中添加min-height
,以便可以将面板添加到空列。
@OnaBai的重要道具可帮助解决此问题。这是一个有效的小提琴:http://jsfiddle.net/fmpeyton/m72f5z6h/
关于jquery - Kendo Sortable(两列):发行移动面板,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26226788/