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可拖動問答盒

回答

相關問題