Jquery ui draggable不能删除'appendTo'中定义的元素？

Question

我在容器中有一些图像，它们都是可拖动的，并且下面有一些带有“容器”类的可放置容器。

draggable已将“snap”定义为“.container”。

问题是，如果拖动“快照”到容器，则draggable永远不会掉落，如果我删除“snap”属性问题就解决了但是我真的想在它们掉落之前捕捉拖动它们

左侧的图像不会掉落（被捕捉），右侧的图像会掉线。

我很感激任何想法

CODE：

--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>

Answer 1

你试过添加属性吗？

            connectToSortable: ".imageList",

这里有一些很好的例子：http://jqueryui.com/demos/draggable/#sortable