jQuery可拖动问答盒

我花了几个小时阅读论坛和看例子没有结果。请我需要这样做：我有6盒（箱不仅是IMG）jQuery可拖动问答盒

[IMG] [IMG] [IMG] [IMG] [IMG] [IMG]

和6空盒子：

{。 } {。 } {。 } {。 } {。 } {。 }

如何用img在任何空白框中拖放该元素？但只有在其他地方，它不应该下降。然后我需要计算拖动的元素。这些箱子可以放在任何空箱子里，没关系。我尝试了HTML5拖放，这非常糟糕。有人可以帮帮我吗？最好的解决方案应该是链接在相同的问题或完整的代码。

非常感谢您

来源

2014-10-30 Daniel Rossko Rosa

看这个：http://jqueryui.com/droppable/#accepted-elements，你可以编辑它，并使它像你想要的 – STP38 2014-10-30 11:27:20

但它是可以放在任何地方，我只需要在该空盒子 – 2014-10-30 11:34:26

需要被称呼一下，但我认为这应该工作？ 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是投掷的，如果框仍然是空的。

来源

2014-10-30 11:52:54 Stefan

+ 10 000如果我可以:)非常感谢你，我拯救了我的生命:)但一个问题，那个下降的元素被拉下来，如何把它完全放在那个空的盒子里？ – 2014-10-30 11:57:27

林不知道是什么原因造成的，但有一些CSS样式应该是一个简单的修复jquery工作正常，所以这不是问题 – Stefan 2014-10-30 12:01:15

是否有可能阻止移动后，“粘贴”在放置区域？我想把它放下，不要移动更多（只能通过点击它，它应该返回） – 2014-10-30 13:13:49

jQuery可拖动问答盒

回答

相关问题