jQuery 可拖动测验框

Question

我花了几个小时阅读论坛和观看示例，但没有结果。请我需要这样做： 我有6个盒子（盒子里不只有img）

[img][img][img][img][img][img]

还有 6 个空盒子：

{ . } { 。 } { 。 } { 。 } { 。 } { 。 }

如何将带有 img 的元素拖放到任何空框中？但只有在其中，它不应该掉落的其他地方。然后我需要计算拖动元素的数量。那个盒子可以放在任何空盒子里，没关系。我尝试了 HTML5 拖放，结果非常糟糕。有人可以帮帮我吗？最好的解决方案应该是链接相同的问题或完整的代码。

非常感谢

Answer 1

需要有点风格，但我认为这应该可以吗？ http://jsfiddle.net/wfG3L/451/ 只需将图像添加到 .Card div 中就可以了

$(".stackDrop1").droppable({
tolerance: "intersect",
accept: ".card",
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
    if ($('.stackDrop1').is(':empty')){
        $(this).append($(ui.draggable));
    }
}
});

这会检查 div 是否可放置以及该框是否仍为空。