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

【问题标题】：How to Integrate jQuery Ui Draggable with Repeater如何将 jQuery Ui Draggable 与中继器集成
【发布时间】：2014-04-07 11:49:37
【问题描述】：

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

请查看...

jQuery Ui Draggable with Repeater

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

【问题讨论】：

您是否让元素可以按 id 拖动？我建议你上课做
您好，感谢您的建议。它有效。

标签： javascript jquery jquery-ui jquery-draggable

【解决方案1】：

Check out this fiddle

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

在this answer 的帮助下

【讨论】：