Jquery Droabble Box Limit

Question

我想使用jquery进行拖放阶段，我遇到了问题，我只想在droppable框内单个项目。但现在，它正在添加多个项目。这是我的代码。

$("#item_list_2").droppable({ 
     drop: 
       function(e, ui) 
       { 
        var param = $(ui.draggable).attr('src'); 
        var div_id = '#'+ $(this).attr("id"); 

        addlist(param,div_id); 
       } 
}); 

addlist（）是使用ajax创建项目内容的函数。我有什么办法可以限制我的＃item_list_2只能获得一个可拖拽对象。

感谢

Answer 1

您可以实现在可投放的接受选项，当你有一个元素已经下降到禁用它（你必须实现该条件取决于你的情况下）：

$("#item_list_2").droppable({ 
     accept: function() { 
      return elementsAlreadyDropped == 0; //<-- Implement for your concrete case 
     }, 
     drop: 
       function(e, ui) 
       { 
        var param = $(ui.draggable).attr('src'); 
        var div_id = '#'+ $(this).attr("id"); 

        addlist(param,div_id); 
       } 
});