JQuery сбрасывается только один ребенок

Question

Я новичок в jQuery и работаю с API-интерфейсом, доступным для сбрасывания.

Я хочу иметь группу дивов, которые могут содержать один и только один предмет. Я установил класс моих сбрасываемых div'ов в inv. Я могу бросать предметы в div, но я могу найти способ отклонить сброс один раз в функции сброса.

Я хочу быть в состоянии обнаружить, что у моего 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');
    }
});