Question

$("#source li").draggable({
    appendTo: "#destination",
    helper: "clone",
    connectToSortable: "#destination",
    containment: "document"
});

$("#destination").sortable({
    items: "li:not(.placeholder)",
    connectWith: "li",
    placeholder: "dragging-placeholder",
    sort: function() {
        $(this).removeClass("ui-state-default");
    },
    over: function() {
        $(".placeholder").hide();
    },
    out: function() {
        if ($(this).children(":not(.placeholder)").length === 0) {
            $(".placeholder").show();
        }
    }
});

JSFiddle：http://jsfiddle.net/j9FK5/7/

当我从源UL拖动几个方框到目标时，它们变得非常难以排序，尤其是在尝试移动到开头时。常规排序使用相同的CSS。

我知道这是一个常见的问题，但在这种特殊情况下没有一种解决方案能够发挥作用。

Answer 1

您可以更改tolerance选项并将其设置为pointer。

指定用于测试正在移动的项目的模式   正在盘旋在另一个项目上。可能的值：



“相交”：该项目与其他项目重叠至少50％。



“指针”：鼠标指针与其他项重叠。

演示：http://jsfiddle.net/Fs772/

jQuery UI可拖动和可排序 - 难以排序

1 个答案: