Jquery图像在第一次拖放后不可见地拖动

我是jQuery新手，但我正在尝试模拟一个

lightbox

，其中页面上可能存在大量图像，并且我有一个“浮动”拖放区，用户可以将图像拖放到拖放区，然后将图像添加到lightbox

lightbox由一个包含两行和4个单元格的表组成，每个单元格中都有作为DropZone的div

我打算使用表/单元格来调整图像的顺序（这些图像将通过AJAX保存到服务器上）

实际上，我已经通过snap将图像居中，但我需要静态地定位

div

，以将其包含在内。也许有另一种解决方案，但在每种情况下，当我忽略将position/static添加到draggable时，它将不会将其放置在容器

div

s或表单元格中：

         $(".dropboxes").droppable({  // recenter the image once dropped
         drop: function (event, ui) {
             //need to check if this exists first more logic to follow
             $(this).find("div").attr("class", "drag2").remove();
             $(this).append(ui.draggable.css('position', 'static'))
         }
     });

拖动到dropzone中的图像可以拖动到新的拖放区域，但是第二次拖动时的图像不会显示图像或

div

，但仍会正确拖放。如果我删除

“$（this）.append（ui.draggable.css（'position'，'static'））

“第二次拖动工作正常，但它不包含在dropbox中

---

问题是：

发布页面的完整代码毫无意义。创建一把小提琴会很好好好，我将尝试设置一把小提琴。小提琴已经添加。@navarro_miguel:我可以建议您使用吗？他们集成了拖放功能，你描述了为你做很多自动的事情。谢谢diosney，我将对此进行研究。