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 test动态和我使用的代码

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


}

使用追加功能后拖放不起作用

1 个答案: