Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.10.2015, 18: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>

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ищу Drag & drop плагин для построения плана помещения Den Brown Элементы интерфейса 0 31.07.2015 19:23
Помощь с Drag & Drop Zuko jQuery 0 22.03.2015 08:18
drag & drop , html 5 cyber Events/DOM/Window 1 30.06.2012 14:16
Разбираюсь с drag and drop uaNikita Events/DOM/Window 4 22.09.2011 10:25
Drag & Drop с несколькими элементами Katz Общие вопросы Javascript 1 29.07.2011 12:01