перетаскивание - сортировка не работает, когда список появляется динамически

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/