Question

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

    <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

是的，你没有必要连接两者。只需将sortable 1与可排序的2

连接起来

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

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

});
</script>

jquery sortable connect with，仅从左向右移动项目

1 个答案: