jquery - jQuery - 全体的なソート可能なリスト内のサブリストでドロップ可能な容量を制限する

Question

ええ、これは少し混乱するかもしれません - 私はソート可能なリストを持っています. 私がする必要があるのは、これらの内部リストが特定の数の子要素に達した後、それ以上の要素を受け入れないようにすることです。

これは私がこれまでに試したことです：

JavaScript側：

$(document).ready(function() {
    $(".sortable").sortable({
        connectWith: ".sortable",
        revert:true
    }).disableSelection();

    $(".inner").droppable({
        accept: function(d) {
            // this here refers to the inner list, correct?
            if ($(this).children().length > 1) {
                return false;
            }
            else {
                return true;
            }
        },
        drop: function() {
        // blah blah blah
        }
    });
});

HTML 側:

        <ul id="mainlist" class="sortable">
            <li class="ui-state-default">Item 1</li>
            <li class="ui-state-default">Item 2</li>
            <li class="ui-state-default">Item 3</li>
                   <li class="ui-state-default">Item 4</li>
            <li class="ui-state-default">
                Place here:[[  &nbsp;&nbsp;
                <ul class="sortable inner">
                           <li class="ui-state-default">Item 5</li>
                </ul>
                &nbsp;&nbsp;
                ]]
            </li>
        </ul>

誰かが私が間違っていることを見ていますか? これを行うためのより良い方法はありますか？