選擇可放置區域

2012-11-20 96 views 0 likes

我想將我的小部件拖放到我的div中。我把我的小部件拖到我的div上，但它並沒有放棄真正的地方。選擇可放置區域

這是我的例子：jsfiddle.net/Mg6V3/15

我的目標是當我砸「1」的小工具，小部件必須在其中下降。

謝謝。

2012-11-20 linepisode

您是否需要#bigContainer才能在將「網格」放置到其上之後保持可投放狀態？ – WTK

是的，我也需要它。但在這裏，我的問題是我不能放在＃fourGrid_1或＃fourGrid_2等我試圖使用「over」事件，但它不是完美的解決方案。我有很多div和grid，所以我不想爲每個元素編寫代碼。 – linepisode

嗯，這是一個問題，因爲你不容易嵌套droppable目標。 – WTK

回答

這比我原先認爲的要容易。

首先，有greedy選項，您可以設置初始化droppable時。它旨在在使用嵌套droppables時停止將drop事件傳播到所有可放棄的父級。

其次，將可放置行爲綁定到匹配選擇器不是一個常量過程。意思是說，當使用類似$('.test').droppable()的東西時，它只會綁定到DOM中已經存在的適用元素。如果你創建新的，你應該初始化自己的droppable。

以下是基於您的代碼的工作示例。我試圖儘量減少變化 - 它可以做得更好，更乾淨，但它只是一個插圖，所以我想沒關係。 http://jsfiddle.net/vM3dU/

2012-11-20 10:38:37 WTK

謝謝你WTK，現在我明白了。有用！ – linepisode

相關問題