jquery只能放一个孩子

Question

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

我想拥有一组div，它们都可以容纳一个且只有一个可放置的项目。我已将我的droppable div的类设置为inv。我可以将项目放入div中，但我可以找到一种方法来拒绝drop功能中的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');
    }
});