jquery可排序连接，仅从左到右移动项目

Question

我有一个 jquery UI 可排序的连接页面

    <div class="left_column"> 
             <ul id="sortable1" class="connectedSortable">
                <li>Item 1</li> 
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
                <li>Item 5</li>
            </ul>          
    </div>

    <div class="right_column">
            <ul id="sortable2" class="connectedSortable">
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
                <li>Item 5</li>
            </ul>                  
    </div> 

和 jquery

<script>
$(function() {
    $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});
</script>

现在效果很好，但我只想将项目从 left_column 移动到 right_column，用户将无法将项目从 right_column 移动到 left_column，也可以在两列中上下移动

有什么想法吗？

Answer 1

是的，您不必同时连接两者。只需将可排序的 1 与可排序的 2 连接起来

<script>
$(function() {
    $( "#sortable1" ).sortable({
        connectWith: "#sortable2"
    }).disableSelection();

     $( "#sortable2" ).sortable({
     }).disableSelection();

});
</script>