끌어다가 작동하지 drop하여

Question

좋아

"나는이 http://jsfiddle.net/andrewwhitaker/t97FE/embedded/result/

처럼 보이는 이것은

<ul id="test" class="ui-droppable"> 
        <li class="ui-draggable">iPhone</li> 
        <li class="ui-draggable">iPod</li> 
        <li class="ui-draggable">iPad</li> 
       </ul> 

내가 더 많은 항목을 넣어 Ajax를 추가 코드

입니다 정적 드래그 앤 드롭을 시작할 수 있습니다 내부 DIV 동적 테스트 및 내가

for (var i = 0; i < maps.length; i++) 
    { 
     $('#test').append(' <li class="ui-draggable">' + maps[i].referenceid + '</li>'); 
    } 

사용이 코드에 추가하고 이것은 내가

을 가지고 무엇을

<ul id="test" class="ui-droppable"> 
<li class="ui-draggable">iPhone</li> 
<li class="ui-draggable">iPod</li> 
<li class="ui-draggable">iPad</li> 
<li class="ui-draggable">14k Gold Hebrew Name Necklace</li> 
<li class="ui-draggable">Double Thickness Hebrew Name Necklace</li> 
<li class="ui-draggable">Elegant Sterling Silver & 14k Gold Comfort Fit Engraved Wedding Band</li> 
</ul> 

모든 새로운 요소가 표시되지만 Ajax 기능을 사용하여 빌드 한 새 것으로 드래그 할 수 있기 전에 처음 3 개만 드래그 할 수 있습니다. 누구든이 문제에 도움이 될 수 있습니까? 나는이 문제를 찾을 수

Answer 1

당신은 그냥이 코드

for (var i = 0; i < maps.length; i++) 
{console.log("maps[i].referenceid ---->",maps[i].referenceid); 
    $('#test').append('<li class="ui-draggable">' + maps[i].referenceid + '</li>'); 
    This is new solution--->$('.ui-draggable').draggable(); 


} 

입니다 새 개체를 끌기 이벤트를 추가 할 필요가