javascript - 如何将 jQuery Ui Draggable 与中继器集成

Question

我想将 jquery ui 与Repeater 一起使用。所以它会像我单击按钮时一样工作，可拖动对象将使用 id 克隆。到目前为止，它是这样做的，但问题是克隆可拖动框没有移动。

请查看...

带有中继器的 jQuery Ui 可拖动

我想要您最好的建议，克隆 Draggable 框也可以是 Draggable ，我可以获得每个框的不同 id ...

Answer 1

看看这个小提琴

HTML

<div id="red" class="drag"></div>
<br/>
<div id="forClones"></div>
<input type="button" id="clone" value="clone" />

jQuery

$(document).ready(function () {
    Draggable();
});

function Draggable() {
    $('.drag').draggable({
        cursor: 'move',
        containment: 'document'
    });
}

$('#clone').click(function () {
    var clone = $('#red').clone().attr('class', 'drag');
    $('#forClones').append(clone);
    Draggable();
});  

在这个答案的帮助下