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

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


}