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

Question

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

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>

Answer 1

您是否尝试过添加属性？

            connectToSortable: ".imageList",

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