Показать сообщение отдельно
  #1 (permalink)  
Старый 30.10.2015, 19:44
Новичок на форуме
Отправить личное сообщение для AnatolG Посмотреть профиль Найти все сообщения от AnatolG
 
Регистрация: 30.10.2015
Сообщений: 1

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>

Рисунок
Ответить с цитированием