javascript - 根据 ul 长度启用/禁用 droppable

Question

我有一个可放置的 jqueryui 元素:

    // droppable group
    $group.droppable({
        accept: "#batch > li",
        activeClass: "ui-state-highlight",
        drop: function( event, ui ) {
            moveToGroup( ui.draggable );
        }
    });

根据组内 ul 列表的长度，是否应禁用它。

        if ($('#group ul li').length >= N_GROUP)
            $group.droppable("disable");
        else
            $group.droppable("enable");

我应该把这个条件放在哪里？我将其放入 moveToGroup 函数中，但意识到它不起作用，因为:一旦禁用组，它就无法调用 moveToGroup 并且无法再次启用。该代码应该响应哪个事件？

Answer 1

您可以考虑在 dragstart 事件上运行逻辑，而不是在 moveToGroup() 内运行。这样，如果用户拖动时拖放太满，则拖放将被禁用。然后，您可以在 dragend 事件上重新启用 droppable。