How to Integrate jQuery Ui Draggable with Repeater

Question

I want to use jquery ui draggable with Repeater. So It will work like when I click the button the draggable will clone with the id. So far it is done that way but the problem is the clone draggable box are not moving.

Please view...

jQuery Ui Draggable with Repeater

I want your very best suggestion the clone Draggable box can be Draggable as well, I can get different id of each boxes...

Are you making elements draggable by id? I suggest you do it by class — Batu.Khan, Apr 07 '14 at 11:55

score 0 · Answer 1 · edited Jun 20 '20 at 09:12

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

With a bit help from this answer

How to Integrate jQuery Ui Draggable with Repeater

1 Answers1

Check out this fiddle