jquery - 带有 jQ​​uery ui 的可排序布局页面

Question

我对可排序列表中的可排序列表有一些问题。我想制作一个页面，我可以在其中对行和列中的元素进行排序。

这是可排序的 js 代码：

$("#page, .column").sortable({ 
   connectWith: ['#page', '.column'],
   items: '.a',
   dropOnEmpty: true,
   handle: '.portlet-header',
   cursor: "move",
   cursorAt: { cursor: "crosshair", top: 0, left: 0 },
   opacity: 0.2
});

我使用 960 网格系统，并且我有一个特定的 html（参见完整示例）

问题：

1. 当我将元素从行移动到列时，我无法将它们移回
2. 当我对行进行排序时，我不能，因为当我将某些行移到具有列的行后面时，它可以移出，我必须将此元素放在某些列中
3. 在页面中拖动元素时我不舒服，因为如果有人也可以解决此问题，我无法轻松找到我想放置元素的位置

如果有人可以使这个示例起作用，那就太好了。

在此先感谢并为我的英语感到抱歉。

Answer 1

1：当您设置#page{height:500px} 时，您可以将一列拖回一行。因为#page 的高度为 0，所以您不能在其中拖动任何内容。

2：当#page 获得高度时，这个问题也得到了解决。

3：占位符向您显示停止拖动时元素将放置的位置。虽然它还不完美。