jquery sortable（）與兩個div與溢出：自動;對象消失

我想要兩個帶有UL/LI列表的div，我可以將&拖放到另一個。一切運作良好，但是當我有很多對象時，我想要一個div來獲得一個scollbar，另一個可以自動增長。我通過爲兩者設置overflow：auto來實現此目的。jquery sortable（）與兩個div與溢出：自動;對象消失

但奇怪的是，與UL本身拖動工作正常，但將其拖動到其他UL使項目得到「隱形」

如果我刪除溢出：汽車它工作正常...

這是我的JS：

jQuery("#drag-kunst-in-lijst ul, #drag-kunst-alles ul").sortable({ 
    connectWith: '.sortable', 
    delay: 100, 
    scroll: false, 
    cursor: 'move', 
    start: function(event, ui){ 
     jQuery("#drag-kunst-alles").css("overflow", "hidden"); 
    }, 
    stop: function(event, ui){ 
     jQuery("#drag-kunst-alles").css("overflow", "scroll"); 
    } 
});

我已經把FIDLE在這裏：http://jsfiddle.net/edwins/zBTqX/

來源

2013-11-03 Sliert

您需要使用appendTo 選項。默認是該元素在拖動時仍處於父容器中。使用appendTo可讓您將其拖到較高級別的父級中。 body通常工作正常。雖然在body它將是可見的，無論相對於原始父母的位置

注意。還將helper設置爲clone。需要再加一些輔助的CSS和/或設置輔助類（S）也

See Sortable Docs

來源

2013-11-03 16:05:28 charlietfl

Charlietfl和馬特，非常感謝，你都沒錯！我把一個appendTo：'body'放到了js代碼中，並將div和ul的位置設置爲'static'。那就是訣竅。謝謝！ Edwin – Sliert

您的問題似乎是你的設置位置相對兩者的div和UL的。

您可以嘗試絕對或一起取出位置。

這裏是一個fiddle根據你的我拿出所有的定位接受＃drag-kunst-in-lijst div我設置爲絕對。

#drag-kunst-in-lijst { 
     position:absolute; 
     top:200px; 
     width: 365px; 
     height: auto; 
     border: 1px solid #000; 
    }

來源

2013-11-03 16:22:23 Matt

Charlietfl＆Matt，非常感謝，你們都是對的！我把一個appendTo：'body'放到了js代碼中，並將div和ul的位置設置爲'static'。那就是訣竅。謝謝！埃德溫 – Sliert

jquery sortable（）與兩個div與溢出：自動;對象消失

回答

相關問題