Question

$('.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();

我有一系列连接到这种可排序的可拖动。

$("#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并检查它是否已存在于sortable中。但是，每当我调用$(this).sortable("cancel")时，draggable仍会被丢弃到sortable中（并且代码中的测试警报被调用）。

最初，这在它停止的某个地方之前确实有效;我花了好几个小时试图找出原因，所以一些帮助会非常感激。

Answer 1

而不是

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

尝试

return false;

在接收回调中忽略可排序（“取消”）

1 个答案: