jquery droppable只有一个孩子

Question

我是jQuery的新手，我正在使用droppable API。

我想拥有一组div，它们都可以拥有一个且只能放置一个可放置物品。我已经将我的Droppable div的类设置为inv。我可以将项目放入div中，但是我可以找到一种方法在放置函数中拒绝放置一次。

我想能够检测到我的div已经有一个孩子，如果它恢复了dopped元素。

我的代码目前看起来像这样

$("div.inv").droppable(
{ 
    drop: function(event, ui) 
    { 
     childCount = $(this).children().length; 
     if (childCount !=0) 
     { 
      //revert droppable to initial position 
      return; 
     } 
      //if there is a child revert and return 
     $(this) 
      .addClass("ui-state-highlight") 
      .append($(ui.draggable)) 
    } 
}); 

Answer 1

有关接收一个项目后禁用可投放区域是什么？

你可以做这样的事情：

$("div.inv").droppable(
{ 
    drop: function(event, ui) { 
     $(this).droppable('disable'); 
    } 
});