jquery ui：可排序与可排序

Posted 2023-05-08

【中文标题】jquery ui：可排序与可排序

【英文标题】：jquery ui: sortable vs Sortable

【发布时间】：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

【参考方案1】：

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

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

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