javascript - jquery draggable but leave copy where original element was - Stack Overflow

admin管理员组

文章数量:1307764

Say I have 3 smiley faces, L, M and R at the top of a page. At the bottom, I have a destination box. Between them is a statement : "drag the Middle smiley to destination".

While draggable allows you to do that, it drags the actual element, not a copy. When the user drags a smiley face, I want the top 3 to remain stationary, with only a copy of the one theyre moving to actually move. The user should be able to drag multiple copies if needed into multiple destination boxes.

Basically, Im looking for something like this

$("#drag-target-1").draggable('leave-copy');

Say I have 3 smiley faces, L, M and R at the top of a page. At the bottom, I have a destination box. Between them is a statement : "drag the Middle smiley to destination".

While draggable allows you to do that, it drags the actual element, not a copy. When the user drags a smiley face, I want the top 3 to remain stationary, with only a copy of the one theyre moving to actually move. The user should be able to drag multiple copies if needed into multiple destination boxes.

Basically, Im looking for something like this

$("#drag-target-1").draggable('leave-copy');

• javascript
• jquery

Share Improve this question Follow asked Sep 30, 2012 at 22:26 jasonjason 4,80199 gold badges4040 silver badges4646 bronze badges 2

• 1 Possible duplicates: stackoverflow./q/2458817/900747, stackoverflow./q/623703/900747, stackoverflow./q/5552083/900747 – A.M.K Commented Sep 30, 2012 at 22:29
• 1 jqueryui./demos/draggable/#option-helper – j08691 Commented Sep 30, 2012 at 22:32

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

Use helper property with value clone to enable cloning of draggable element.

 $("#drag-target-1").draggable({helper : 'clone' });

本文标签： javascriptjquery draggable but leave copy where original element wasStack Overflow