2012-11-30 49 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

非常感谢 - 谢谢。 –