jQuery UI可排序“portlets” - 触发占位符细节?

时间:2013-02-05 16:22:27

标签: jquery-ui jquery-ui-sortable

我有一个在“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; }

0 个答案:

没有答案