1

所以是的，这个可能有点令人困惑——我有一个可排序的列表，在这个列表中，我将有子列表，这些子列表也是可排序的，并且可以接受它们内部的总体列表中的列表元素（嵌套）。我需要做的是阻止这些内部列表在达到一定数量的子元素后接受更多元素。

这是我迄今为止尝试过的：

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>

有没有人看到我做错了什么？有没有更好的方法来做到这一点？

4

0 回答 0