如何将 jQuery UI Draggable 与 Repeater 集成

Question

我想将jquery ui draggable与Repeater一起使用。因此，它将像单击按钮时一样工作，可拖动对象将使用id进行克隆。到目前为止，它是以这种方式完成的，但问题是克隆可拖动框没有移动。

请查看...

jQuery Ui 可拖动与中继器

我想要你最好的建议，克隆可拖动框也可以是可拖动的，我可以得到每个框的不同 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();
});  

在这个答案的帮助下