0

我是一个 jQuery 新手，但我试图模拟一个lightbox页面上可能存在多个图像的位置，并且我有“浮动”放置区，用户可以将图像拖放到放置区，然后添加到灯箱。

灯箱由一个包含两行和 4 个单元格的表格组成，每个单元格内都有 div，它们是 dropzones。

我打算使用表格/单元格来调整图像的顺序（将通过 AJAX 保存（除其他外）到服务器。）

我实际上已经通过快照使图像居中，但我需要div静态定位要包含的图像。也许还有另一种解决方案，但是在每种情况下，当我省略将位置/静态添加到可拖动对象时，它不会将其定位在容器div或表格单元格中：

         $(".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'))
         }
     });

拖入放置区的图像可以拖动到新的放置区，但是第二次拖动的图像不会显示图像，或者div仍然会正确放置。如果我删除"$(this).append(ui.draggable.css('position', 'static'))" 第二次拖动可以正常工作，但它不包含在 Dropbox 中。

这是小提琴：小提琴

4

0 回答 0