Jquery用户界面，“Jquery用户界面”；“死区”；使用可排序的portlet

我正在尝试创建一个基于portlet的页面，其中portlet具有不同的大小

问题是围绕“2.2 portlet”左侧的“死区”工作，“1.1 portlet”或“2.1 portlet”将适合该空间，但是否可能共犯以及如何共犯

页面的宽度是固定的，应该保持不变

---

如果jQueryUI不能做到这一点，我愿意就其他框架提出建议。

不幸的是，该方法存在缺陷。将jquery sortable与大小不同的项的网格布局一起使用将导致这种行为。原因是，在html和css中，您正在创建一个向左浮动的项目列表，如果允许将其包装在固定宽度的容器中，将留下实际上无法使用的间隙

事实上，您的容器宽度是固定的，而您的箱子大小是固定的，这意味着可以很容易地尝试另一种定位方式。尝试使用绝对定位，只使用css和html，让所有空间完全按照您最初希望的方式填充，然后使用javascript尝试移动框

然而，我怀疑“可排序”jQuery库在使用绝对定位（我必须承认我从未使用过它）时是否会起作用，当您将某个东西拖到项目上方时，让项目“移动到一边”可能会有问题。您可能需要定义一组作为“网格”的隐藏div，或者可以放置内容的位置，以及另一组包含要移动的可见内容的div。jQuery Dragtable和Droptable api将有所帮助，但您需要进行更多的编码，以确保您移动的项目“捕捉”到位，并在放置其他项目时将其移开

---

这看起来很相关，也许你可以查看一下BBC主页的源代码

我是为了自己解决这个问题而遇到这个问题的

我正在进行第一次迭代，尝试一种变通方法：将父容器用作可拖放对象。

---

请参见

有一个插件，它很好地完成了这项工作

谢谢Greg，固定列宽不是我的客户端的选项。我以前看过BBC的解决方案，不幸的是，看起来BBC删除了它的基于专栏的拖放功能？Citifirst上的解决方案，正如@Gregg Woods所建议的那样。。。感谢4年后的快速回复：-）尽管变形也会产生死角，而且很难跟踪项目顺序，只是我有同样的问题，我尝试了所有的库，但都没有成功：（什么结果对你来说是一个解决方案？我们编写了自己的库来解决这个问题。这是一个更“快速到网格”的解决方案解决方案