拖放不工作後，我用附加功能

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函數構建的新元素。 任何人都可以幫助我解決這個問題嗎？

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(); 


}