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，请尝试为droppable div添加容差选项。请参阅API DOC.

jQuery - Droppable不接受多个draggable

1 个答案: