asp.net - 使用附加功能后拖放不起作用

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


}