jquery ui：可排序与可排序答案

【问题标题】：jquery ui: sortable vs Sortablejquery ui：可排序与可排序
【发布时间】：2019-09-30 22:19:17
【问题描述】：

我正在维护一个使用 jquery ui 1.8.18 构建的网站。在那里我看到了以下代码...

$('div.sortables').Sortable({
    accept     : 'content',
    tolerance  : 'intersect',
    opacity    : 0.8,
    fit        : false,
    distance   : 25
});

distance 属性在这里无效... 在 jquery ui 文档中，他们说如果指定了distance，然后排序仅在鼠标移动后才起作用distance px...

如果我将 Sortable() 更改为 sortable() 则 distance 属性有效，但设计已瘫痪......

如何设置距离属性以使用Sortable()？

【问题讨论】：

Sortable() 大写 S 不是 jQuery UI，它是其他一些小部件。
accept 和 fit 不是 jQuery-UI Sortable 的一部分。
所以问题似乎是你混合了两个不同的小部件。
我知道了...它是一个不同的插件...但是由于所有文件都被缩小为 1，我认为它是 jquery ui...
感谢您的协助Barmer

标签： jquery jquery-ui jquery-ui-sortable

【解决方案1】：

jQuery UI 在初始化交互时需要小写。可排序交互应初始化为“.sortable();”而不是“.Sortable();”

您正在使用的某些选项在 jQuery ui “可排序”中未使用，但是它们确实具有相似的选项。比如accept可以改成items。

有关可排序功能和选项的更多信息，请查看文档：https://api.jqueryui.com/sortable/

【讨论】：