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

【问题标题】：Dynamically change Jquery UI sortable helper?动态更改 Jquery UI 可排序助手？
【发布时间】：2012-05-04 17:42:24
【问题描述】：

我尝试根据拖动时鼠标所在的区域动态设置 Jquery UI 可排序帮助器。为了做到这一点，我使用了 Jquery UI sortable setter。它肯定会改变它，但它不是实时的（不在当前事件中）。有什么想法可以让我完成这项工作吗？

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

谢谢。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

这是您的 jsFiddle 的固定版本。

【讨论】：

【解决方案3】：

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

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

【讨论】：