2015-08-16 50 views
2

我有兩個通過jQuery排序插件連接的排序。是否有可能改變其中一個可拖動對象的目標?我不想將#sortable1拖到#sortable2,而是拖到$('#sortable')。parent(),因爲#sortable2太小。使其更大更糟糕的HTML佈局。連接兩個jquery-ui sortables,如何更改可丟棄目標?

$("#sortable1, #sortable2").sortable({ 
    connectWith: ".connectedSortable" 
}).disableSelection(); 

<ul id="sortable2" class="connectedSortable"> 
    <li class="ui-state-default">Item 1</li> 
    <li class="ui-state-default">Item 2</li> 
</ul> 

<ul id="sortable2" class="connectedSortable"> 
    <li class="ui-state-default">Item 3</li> 
</ul> 

這裏是一個演示:https://jsfiddle.net/uq3vu5ne/

回答

0

我不知道我理解你正試圖在這裏實現什麼。 你想要你的父母div得到你的第二個可排序的高度或你的可排序的高度有固定的高度嗎?

如果這是第一個,您可以刪除靜態高度。如果是後者,則可以添加固定高度並滾動到可排序列表。

更新:我認爲你需要排序/ droppable看看這個職位,請。

jQuery Sortable and Droppable

+0

我希望能夠拖動不sortable2,但其父區域。它應該突出顯示並接受拖動的對象,就好像它是可排序的 –

+0

我更新了我的答案 – codegaze