Connected Nested Lists in Jquery UI Sortable

问题

Ey dudes, please take a look at this fiddle: http://jsfiddle.net/HG8k6/.

$(document).ready(function () {
    $("ul.containers").sortable({
        axis: 'y',
        placeholder: "ui-state-highlight",
        forcePlaceholderSize: true
    });

    $("ul.containers").disableSelection();

    $("ul.rows").sortable({
        axis: 'y',
        placeholder: "ui-state-highlight",
        forcePlaceholderSize: true
    });

    $("ul.rows").disableSelection();
});

It's working ok in some way, I have containers and rows, I can move them perfect, but what I really want to achieve is to move rows between containers, for example move the Row5 from Container2 to Container1. Thanks in advance and greetings from Colombia, South America!!

回答1:

Use connectWith:'.rows' updated fiddle

来源：https://stackoverflow.com/questions/20709838/connected-nested-lists-in-jquery-ui-sortable