Перетащите Заменить javascript jquery

Question

Я реализую код перетаскивания, на данный момент у меня есть 6 перетаскиваемых и перетаскиваемых изображений, этот код выполняет, когда изображение перетаскивается поверх другого, они также меняют местами все изображения (например, что-то вроде того, что я пытаюсь сделать, это только поменять местами 2 изображения, оставив остальные в покое.

посмотрите - http://jsfiddle.net/kommandoss/YuRpU/

любая помощь приветствуется, спасибо

Answer 1

Просто используйте .sortable():

$(document).ready(function() {
    $("#inventory").sortable();
});

http://jsfiddle.net/YuRpU/1/

Answer 2

Мне показалось, что это работает. Когда я перетаскиваю изображение поверх другого изображения, которое я поместил в верхний блок, оно кажется нормальным. Это заменит изображение в верхнем блоке, а замененное изображение добавляется в конец другого.изображений.Возможно, я не совсем понимаю, что вы ищете ...

Я заметил пропущенную точку с запятой в конце этой строки:

$("#circles").droppable({
    accept: '.circles'
})

$("#circles").droppable({
    accept: '.circles'
});

РЕДАКТИРОВАТЬ: Если вы хотите, чтобы элементы оставались в местоположении, вам нужно определить параметры для местоположения, в котором они должны содержаться. В настоящее время они в основном плавают вокруг друг друга, если вы не сортируете или не строго определяете параметры для их размещения.

Вы можете определить размер div в вашем CSS для размещения изображений в области, это должно помочь решить вашу проблему.

div-name {
   height: 150px; 
   width: 150px;
}

Это позволяет изображениям ограничиваться областью, чтобы они былине просто плавать вокруг друг друга на странице.