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

Question

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

我已经建立了一个例子 - http://jsfiddle.net/aJEfp/1/

谢谢。

Answer 1

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

这是您的 jsFiddle 的固定版本。

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

Answer 2

我怀疑 Sortable 的设计目的是允许在拖动过程中更改辅助元素。

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

Answer 3

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

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