jquery droppable 只有一个孩子

Question

我是 jQuery 新手，我正在使用可放置的 API。

我想要一组 div，它们都可以容纳一个且只有一个可放置的项目。我已将可放置 div 的类设置为 inv。我可以将项目放入 div 中，但我可以在 drop 函数中找到一种拒绝丢弃的方法。

我希望能够检测到我的 div 已经有一个孩子，如果它确实恢复了被掺杂的元素。

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

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