如何使用jQuery在2個排序列表之間拖動項目？

Question

我試圖實施拖/放/排序2之間列表元素：

<ul id="first"> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
</ul> 

<ul id="second"> 
    <li>item 4</li> 
    <li>item 5</li> 
    <li>item 6</li> 
</ul> 

基本上我只是希望能夠通過列表之間的項目，並在每個列表中的項目進行排序。使用jQuery實現這個最簡單的方法是什麼？

Answer 1

很簡單：

<script> 
    $(function() { 
    $('#first').sortable({ connectWith : '#second' }); 
    $('#second').sortable({ connectWith : '#first' }); 
    }); 
</script> 

我注意到，jQuery的UI（1.6rc5）的早期版本我想這並沒有接受connectWith的CSS選擇器。我扔了一條曲線，並得到它與實際的jQuery元素，而不是：

<script> 
    $(function() { 
    $('#first').sortable({ connectWith : $('#second') }); 
    $('#second').sortable({ connectWith : $('#first') }); 
    }); 
</script> 

Answer 2

jQueryUI Sortable - 這正是你想要的。