1 
$('.batch_listing').sortable({
    forcePlaceholderSize: true,
    forceHelperSize: true,
    placeholder: 'photo_ghost',
    helper: 'clone',
    receive: function(event, ui) 
    { 
        if(!is_in_batch(ui.item.children("a").children("img").attr("data-photo-id"))) 
        { 
            add_to_batch_dispatch(ui.item.children("a").children("img").attr("data-photo-id"));
        } else { 
            //Remove from batch
            $(this).sortable("cancel");
            alert("shouldn't be added");
        }
    },
    sort: function(event, ui) {
        if(placing == false) 
        {
            $(".destory_drop").fadeIn();
        }
    },
    stop: function(event, ui) { 
        if(removing == false)
        {
            $(".destory_drop").fadeOut();
        }
    }
}).disableSelection();

我有一系列连接到这个 sortable 的可拖动对象。

$("#photo_browser li").draggable({
    snap: false,
    revert: 'invalid',
    helper: 'clone',
    appendTo: "body",
    cursor: 'move',
    opacity: 0.5,
    connectToSortable: "ul.batch_listing",
    start: function(e, ui){
        placing = true;
    }, 
    stop: function(e, ui){
        placing = false;
    }
});

代码本身工作正常，is_in_batch 和 add_to_batch_dispatch，它只记录项目的 ID 并检查它是否已存在于可排序中。但是，每当我调用$(this).sortable("cancel")时，可拖动对象仍会放入可排序对象中（并且会调用代码中的测试警报）。

最初，这在它停止的某个地方之前确实有效。我一直在花费数小时试图找出原因，因此非常感谢一些帮助。

4

1 回答 1

0

代替

$(this).sortable("cancel");

尝试

return false;
于 2012-07-25T12:07:57.217 回答