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