如何将jQuery Ui Draggable与Repeater集成

时间:2014-04-07 11:49:37

标签: javascript jquery jquery-ui jquery-draggable

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

请查看......

jQuery Ui Draggable with Repeater

我想要你最好的建议克隆Draggable框也可以拖拽,我可以得到每个框的不同id ...

1 个答案:

答案 0 :(得分:0)

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

的帮助下