1

ここで私が行っている来るときに動作していないソート可能:http://jsfiddle.net/thilakar/QNkEL/2/ドラッグアンドドロップ - リストが動的に

私も親要素と子要素をドラッグ可能することができます。しかし、私は私の要件子と他の子との間でコンテンツドロップ

必要があります(別の親の子要素を。):

私はドラッグ&ドロップ子の間のテキストをしても、コンテンツに別の親の子をドロップする必要があります。

私の問題:

ソート可能でないリストが動的に来たときに取り組んでいます。

..

おかげ

答えて

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/

関連する問題