jQuery Draggable占位符问题

Question

我有以下简单的代码：

http://jsfiddle.net/QUBCq/

你可以看到我有3个空格可以放下项目，6个项目中的任何一个都可以放入这三个空格。

第一个问题 - 我将一个项目放在一个空格中 - 如果我删除它space更改为Dropped!，我想要的就是拥有它恢复为Drop here。

第二个问题 - 如果这是表单的一部分，我如何将三个空格中的每一个中的项目位置绑定到.PHP表单以保存到数据库。

第三个问题 - 您可以停止将多个项目放入space吗？如果是这样，怎么样？

抱歉，我知道这是基本的东西，但我是jQuery的新手。

注意：我正在使用它来允许用户选择他们的Top 3 items。

干杯，

小时。

Answer 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

希望这有帮助。