拖放-排序不工作时，列表是动态的

Question

这里我已经完成了:http://jsfiddle.net/thilakar/QNkEL/2/

我也可以拖动父元素和子元素。但是我需要在子元素和另一个子元素(另一个父元素)之间删除内容。

我要求:

我需要在子元素之间拖放文本，也可以在另一个父元素之间拖放内容。

我问题:

当列表动态出现时，

排序不工作。

请帮帮我。

谢谢

Answer 1

我改变了你的javascript一点，我想我接近你需要的:

$(document).ready(function() {
    var treeList = "";
    var listTree = 0;
    var innerTree = 0;
    treeList = "<ul id="createTree" class="droptrue">";
    for (var key in jsonObj) {
        //alert("key: " + key + ", value: " + jsonObj[key])
        for (var skey in jsonObj[key]) {
            treeList += ("<li class="listTree" id="asdf">" + skey + "<ul id=""+skey+"">");
            for (var sskey in jsonObj[key][skey]) {
                for (var ssskey in jsonObj[key][skey][sskey]) {
                    treeList += ("<li class="innerList">" + jsonObj[key][skey][sskey][ssskey] + "</li>");
                }
            }
            treeList += "</ul></li>";
        }
    }
    treeList += "</ul>";
    $('#tree').append(treeList);

    $(".listTree ul").sortable({
        revert: true
    });

    $("#Title1 li").draggable({
        helper: "clone",
        cursor: 'hand',
        revert: 'invalid',
        connectToSortable: "#Title2",
    });
        $("#Title2 li").draggable({
        helper: "clone",
        cursor: 'hand',
        revert: 'invalid',
        connectToSortable: "#Title1",
    });
    $( "ul, li" ).disableSelection();
});

提琴在这里:http://jsfiddle.net/nicolapeluchetti/QNkEL/6/