1

我有一个应用程序的实现,它在“portlets”风格的界面中使用 jQuery UI Sortable,就像他们在这里的例子:http: //jqueryui.com/sortable/#portlets

我在使“目标”占位符以真正的一致性变得可见时遇到了一些问题。我有 4 个可分类容器:1 个是全宽的,2 个是 50% 宽的,另一个是全宽的。这个想法是,用户可以通过将“portlet”拖到 100% 区域之一来制作全尺寸的“portlet”。

有用。

但是,我不能可靠地使顶部的“占位符”出现。我四处移动鼠标,将它移到其他 portlet 上,有时它会出现,以便我可以将小部件放在那里。

我只想消除“有时”变量。在 Sortable 交互提供的众多行为参数中,我需要调整哪些?还有任何相关的CSS因素吗?(填充等)。

我会提供示例代码,但这不切实际..我使用默认值调用:

$('.widgetContainer').sortable({connectWith: ".widgetContainer"});

至于 CSS,网站上有一个继承链,因此我很难隔离(当然也不是不可能)。可以说,这些规则至少已经到位:

.placeholder { float: left; margin-bottom: 10px; }
.widgetContainer { float: left; padding-bottom: 20px; }
4

0 回答 0