动态更改Jquery UI可排序助手？

Question

我尝试根据拖动时鼠标所在的区域动态设置Jquery UI可排序助手。为了做到这一点，我正在使用Jquery UI可排序的setter。它肯定会改变它，但它不是现场（不是在当前事件中）。任何想法我怎样才能使这项工作？

我已经设置了一个示例 - http://jsfiddle.net/aJEfp/1/

感谢。

Answer 1

问题是您在事件处理程序中使用$('.content1')而不是正在引发事件的当前可排序$(this)。

以下是jsFiddle的固定版本。

http://jsfiddle.net/rkc7e/2/

Answer 2

我怀疑Sortable是否设计为允许在拖动中间更改辅助元素。

我建议将帮助器设置为'clone'或自定义DOM元素，然后在拖动中间修改该元素，例如通过可排序事件处理程序中的ui.helper。

Answer 3

您可以定位.ui-sortable-helper，因为这是拖动时应用的类。

#sortable .ui-sortable-helper {
    border-color: #FECA40;
    border-width: thick;
}