0

我有以下简单的代码:

http://jsfiddle.net/QUBCq/

您可以看到我有 3 个可以放置项目的空间,并且可以将 6 个项目中的任何一个放置到这三个空间中。

第一个问题-我将一个项目放在一个空格中-如果我将其删除,space则更改为Dropped!,然后我希望将其恢复为Drop here.

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

第三个问题- 你能阻止超过 1 个项目被放入一个space? 如果是这样,怎么做?

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

注意:我使用它来允许用户选择他们的Top 3 items.

干杯,

H。

4

1 回答 1

1

您好您第一个问题的答案如下

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

对于第三个问题,您可以参考这个 SO thread jquery droppable -> Avoid multiple drops of the same object

希望这可以帮助。

于 2012-11-30T13:02:17.477 回答