Drag'n'drop for dynamically created elements (jQuery)?

Question

Drag'n'drop for dynamically created elements (jQuery)?

5 views

In jQuery there is a good plugin jQuery UI Draggable, which allows you to create effects drag'n'drop. It works quite simply: it is necessary for any existing item to invoke the method .draggable():
$('#test').draggable();

If you try to call this method to dynamically added element, nothing happens:

$('body').append('New item'); $('#newblock').draggable();

New item will not be able to drag'n'drop. How to make here something like the analogue of the function .live () to dynamically created elements also react to these methods?

asked Mar 20, 2019 by ruskar | 5 views

2 Answers

Related questions

0 like 0 dislike

1 answer

Can I select dynamically created elements (elements such as google maps)?

asked May 11, 2019 by albervelo

0 like 0 dislike

2 answers

Why not delete dynamically created object in jquery?

asked Apr 3, 2019 by sharomet

0 like 0 dislike

1 answer

Smooth move blocks with drag'n'drop?

asked May 3, 2019 by Swaer

0 like 0 dislike

1 answer

How to fix the problem with drag'n'drop?

asked Apr 5, 2019 by JackShcherbakov

0 like 0 dislike

4 answers

Drag'n'drop from the OS to the browser. How?

asked Mar 25, 2019 by igrishaev

Serator · Answer 1 · 2019-03-22T22:27:08+0000

<!DOCTYPE html>\r\r\r\rjQuery UI Example Page\r\r\r\r$(function(){\r$('body').append('Новый элемент');\r$('#newblock').draggable();\r});\r\r\r\r:) \r\r\r

\r
Everything works fine. You would be better example.

ruskar · Answer 2 · 2019-03-22T22:27:08+0000

Too lazy to try, try livequery (works when cloning — adds draggable) because when cloning is also creating an element dynamically and works, might work in your case.
\r

$(".drag") .livequery(function(){ $(this) .draggable({ helper: 'clone', opacity: 0.7, revert: 'invalid' }); });

examples: bit.ly/azEmUP

Drag'n'drop for dynamically created elements (jQuery)?

Please log in or register to add a comment.

Please log in or register to answer this question.

2 Answers

Please log in or register to add a comment.

Please log in or register to add a comment.

Related questions

Most popular tags