jQuery UI可排序容差

Question

我在jQuery UI可排序的流畅操作上遇到了一些问题。

我设置的公差并不总是正确的--例如，如果我把它设置为“指针”，有时我可能会把一个对象放在另一个对象的顶部(包括鼠标)。而且它不会重新排序。有时，我必须摇动对象以使其重新排序。

有没有什么东西是正常工作所必需的，或者有什么东西会导致它崩溃？(边距、浮点数、某些元素、绝对定位元素等？)

我的代码基本上是这样的(锚作为abs。定位)：

<div span="span-12 prepend-top last">
    <ul id="fileupload-images" class="ui-sortable">
        <li class="image span-3" id="38b22e1c130d9c33fafb20e7ac16c038">
            <img class="thumb span-3 last" src="/uploads/3/8/b/38b22e1c130d9c33fafb20e7ac16c038/38b22e1c130d9c33fafb20e7ac16c038.jpg">
            <a href="#" class="zoom"></a>
            <a href="#" class="remove"></a>
        </li>
    </ul>
</div>

Answer 1

如果以下建议对您不起作用，那么jsfiddle将非常适合您的可排序代码。

1)使用tolerance pointer和do not use containment

$( ".selector" ).sortable({ tolerance: "pointer" });

2) use a placeholder

$( ".selector" ).sortable({ placeholder: "sortable-placeholder" });

"sortable-placeholder“是您在样式表中定义的类。确保占位符与要移动的元素的宽度和高度相同。

3) force a placeholder size

$( ".selector" ).sortable({ forcePlaceholderSize: true });

4) force a helper size

$( ".selector" ).sortable({ forceHelperSize: true });

5)向左或向右浮动li元素

Answer 2

我发现这是唯一对我的情况有帮助的事情：

helper: "clone"