Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   drag and drop с помощью JQvery (https://javascript.ru/forum/jquery/59172-drag-drop-s-pomoshhyu-jqvery.html)

AnatolG 30.10.2015 19:44

drag and drop с помощью JQvery
 
Здравствуйте. Может кто-нибудь подсказать, как сделать drag and drop с помощью JQvery, так чтобы
при переносе из div 2 например div 4 в div 3 div 4 копировался, а не полностью перемещался в div 3, при этом когда div 4

находится в div 3, больше никаких div-ов туда нельзя было перенести и перемещать div 4 можно было только в div 3.

Начал делать и дальше не могу. пробовал вставлять helper: "clone", div 4 копируется но возвращается обратно, потом повторно уже нельзя переместить. Ниже ссылка на рисунок.

<script src="jquery-1.8.3.js"></script>
<script src="jqueryui.custom.js"></script>

<body>
<div id="div1" class="div1">
<div class="div2" id="div2">
<div class="div" id="div4"></div>
<div class="div" id="div5"></div>
</div>
<div class="div3" id="div3">
</div>
</div>


<script>
$(".div").draggable({
revert: "invalid",
containment:"#div3"
});
$("#div3").droppable({
});
</script>
</body>

Рисунок


Часовой пояс GMT +3, время: 09:00.