jQuery - Droppable 不接受多个可拖动对象

Question

我有 n 个可拖动元素，所有元素都将被收集到一个可放置的 div 中，比如“#collector”。

谁能解释一下为什么“#collector”不能接受一个以上的可拖动元素？ 计数器停在“1”。代码如下：

$("#argh").draggable();
$("#argh2").draggable();

var i = 1;

$("#collector").droppable({
    drop: 
         function( event, ui ) {
           $(this).addClass("fill").find("p").html("There are "+i+"/10 elements.");
           i++;
         }
});

提前致谢。

Answer 1

从您的代码中，droppable 接受多个可拖动。

这是工作的jsFIddle

$("#collector").droppable({
drop: 
     function( event, ui ) {
       $(this).addClass("fill").find("p").html("There are "+i+"/10 elements.");
       i++;
     }
});

如果您仍然觉得很难删除多个 div，请尝试为可删除的 div 添加 tolerance 选项。参考API DOC.