jquery - jQuery UI Sortable：尝试设置可排序，但似乎空容器不需要

Question

所以我有这个部分工作的可排序用户界面。您可以在小提琴中看到排序在其自己的列中工作，但我还需要能够让项目能够跨列排序。甚至到最右边的空栏。

有什么解决办法吗？

HTML：

<div class="wrapper">

    <div class="row">
        <div class="column">
            <div class="item">999</div>
            <div class="item">111</div>
        </div>

        <div class="column">
            <div class="item">888</div>
            <div class="item">yyy</div>
        </div>

        <div class="column">

        </div>
    </div>    
</div>

JS：

$( '.wrapper .row' ).each( function() {
    var column = $( '.column', this );

    column.sortable( {
        items: '.item'
    } );
} );

这是一个链接-> http://jsfiddle.net/KaXJt/1/

Answer 1

您的可排序列必须相互了解。

这是一个演示如何做到这一点： 小提琴

来自 jQuery api文档的示例

代码：

$( '.wrapper .row' ).each( function() {
    var column = $( '.column', this );

    column.sortable( {
        items: '.item',
        connectWith:".column"
    } );
} );