У меня есть несколько изображений в контейнере, все они перетаскиваемы, и ниже есть некоторые сбрасываемые контейнеры с классом "container".
Draggable определили "snap" для ".container".
Проблема в том, что перетаскиваемый объект никогда не падает, если он «привязан» к контейнеру, если я удаляю свойство «привязки», проблема решена, но я бы очень хотел привязать перетаскиваемые объекты, прежде чем они упадут*
Изображение слева не падает (снимается), изображение справа падает нормально.
Буду признателен за любую идею
КОД:
--draggable
$('#' + this.Id + ' .imageList li img').draggable({ scroll: true, helper: 'clone', revert: 'invalid', snap: '.dropHere, .dropHereReassign', appendTo: 'body', revertDuration: 200, snapMode: 'inner');
--droppable
var that = this;
$('#' + this.Id + ' .imageList img.dropHere').droppable({ drop: function (event, ui) {
$(that).attr('src', ui.draggable.attr('src'));
$(that).removeClass('dropHereReassign');
$(that).droppable({ disabled: true }); } });
HTML:
<div id="imagesContainer">
<ul class="imageList">
<li><img id="photo-1" src="/someImage.jpg" /></li>
</ul>
</div>
<div id="dropImagesContainer" class="photoSection">
<ul class="imageList">
<li><img src="/00/06/12/00061275_in.png"><span class="description"></span></li>
<li><img src="/dropHere.jpg"><span class="description"></span></li>
</ul>
</div>