Развертывание перетаскивания перетаскивания javascript/jquery

Question

Я реализую код перетаскивания, то, что у меня есть на данный момент, является 6 перетаскиваемыми и всплывающими изображениями, что делает этот код, когда изображение перетаскивается поверх другого, они также заменяют все изображения также меняются местами (вроде рода), что я пытаюсь сделать, это только поменять позиции двух изображений, оставив остальных в покое, любые идеи plz ??? код (JavaScript и JQuery) -

function itemInSpot(drag_item, spot) { 
    var oldSpotItem = $(spot).find('img'); 
    if (oldSpotItem.length > 0) { 
     oldSpotItem.appendTo('#inventory').draggable({ 
      revert: 'invalid' 
     }); 
    } 
    var item = $('<img />'); 
    item.attr('src', drag_item.attr('src')).attr('class', drag_item.attr('class')).appendTo(spot).draggable({ 
     revert: 'invalid' 
    }); 
    drag_item.remove(); // remove the old object 
} 

$(document).ready(function() { 
    $(".circles").draggable({ 
     revert: 'invalid' 
    }); 
    $('#inventory').droppable(); 
    $("#circles").droppable({ 
     accept: '.circles' 
    }) 
    $('#circles,#inventory').bind('drop', function(ev, ui) { 
     itemInSpot(ui.draggable, this); 
    }); 
}); 

Answer 1

Не видя ваш HTML-разметку, я предполагаю, что #circles зона капля, которая содержит много изображений. Это затрудняет определение того, какое изображение было сброшено. Вместо этого, почему бы не сделать каждое изображение целевой точкой вместо всего элемента #circles? Таким образом, вы точно знаете, какое изображение было сброшено, а ваша функция подкачки работает только с самими изображениями, а не с целым элементом, содержащим множество изображений.