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是否可以放置以及该框是否仍为空。

jQuery可拖动的测验框

1 个答案: