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'); 
    } 
});