Перетащите изображения из одного div в другой div

Question

Я хотел бы перетащить некоторые изображения из divs в другой div ... У меня есть контейнер div, у которого есть еще 5 divs, в этих 5 divs - некоторые png. Мне нужно перетащить один на один из этих png из 1-го div в div с id = «dropspot», а затем щелкнуть «следующей кнопкой», чтобы перейти ко второму div, который находится в контейнере, и очистить div droppot и так далее 5-й дивизион.

я судимое что-то, но AINT, что мне нужно :(эти функции делает все изображения перетаскивать и мне нужно только изображения внутри контейнера, чтобы быть перетаскиваемым

Heres скрипку:. http://jsfiddle.net/ygaw2/7/

и некоторый код :

$(function() { 
    $("#container img").draggable(); 
    ({ 
    containment: "#container",  
    revert: "invalid", 
    helper: "clone" 

    }); 
    $("#dropspot").droppable({ 

     tolerance: 'fit', 

     drop: function(event, ui) { 


     } 
    }); 
    }); 

Answer 1

Попробуйте это решение: http://jqueryui.com/droppable/#photo-manager мне кажется, так же, как и хотят его работать

. 10

В отбрасываемом обратном вызове u может очищать содержимое элемента с возможностью замены.

EDIT

Все, что вам нужно в этом примере ив связанный + одно:

$("#container img").draggable({ 
    containment: "#container",  
    revert: "invalid", 
    helper: "clone" 

    }); 

Удалить(); после перетаскивания