2012-11-30 50 views
0

我有以下簡單的代碼:jQuery的可拖動的佔位問題

http://jsfiddle.net/QUBCq/

你可以看到,我有3個空間讓項目可以刪除任何的6項能投進的三個空間。

第一個問題 - 我把一個項目在一個空間 - 如果我刪除了space更改Dropped!,我想就是那麼把它恢復到Drop here

第二個問題 - 如果這是表單的一部分,我將如何將三個空格中的每個空格中的項目位置綁定到.PHP表單以保存到數據庫。

第三個問題 - 您是否可以阻止超過1個物品被放入space?如果是這樣,怎麼樣?

道歉,我知道這是基本的東西,但我是新來的jQuery。

注意:我正在使用它來允許用戶選擇他們的。

乾杯,

H.

回答

1

嗨回答你的第一個問題是如下

$("#droppable1").on("dropout", function(event, ui) { 
       $("#droppable1").removeClass("ui-state-highlight").find("p") 
         .html("Drop Here"); 
    }); 

對於第三個問題,你可以參考這個SO線程 jquery droppable -> avoid multiple drops of the same object

希望這有助於。

+0

非常感謝 - 謝謝。 –