jQuery 可排序取消事件(如果无效)

Question

我有一个可排序的列表。在开始排序之前，我想检查该列表的所有元素是否有效。如果没有，请取消事件并保持列表不变。

您可以在此处找到代码 http://jsfiddle.net/DZYW5/4/

当我使用它时，事件被取消，但元素被删除。

start: function (event, ui) {
    if (!valid()) {
        return false;
        // it cancel's but the element is removed...
    }
}

也许我应该实现一个“beforeStart”事件？建议？

Answer 1

您可以使用cancel method

$("#list").sortable({
    connectWith: ".connectedSortable",
    items: '.sortable-item',
    handle: '.handle',
    placeholder: "ui-state-highlight",
    stop: function (event, ui) {
        console.log('stop')
        if (!valid()) {
            $( this ).sortable( "cancel" );
        }
    }
});

演示:Fiddle