0

我有一个简单的嵌套 UL，我只需要使主 UL 可排序，而不是子 UL

例子

<ul class="blocks-list" id="sortme">
    <li>
        <a href="#" class="float-left"><img src="../templates/admin/images/icons/fugue/status.png" width="16" height="16"> Task name</a>
        <ul class="tags float-right">
            <li class="tag-time">5 days</li>
            <li class="tag-tags">Server</li>
            <li class="tag-user">You</li>
        </ul>
    </li>
        <ul class="mini-blocks-list">
            <li>
                    <a href="#" class="float-left"><img src="../templates/admin/images/icons/fugue/status.png" width="16" height="16"> Task name</a>
                    <ul class="tags float-right">
                            <li class="tag-time">5 days</li>
                            <li class="tag-user">You</li>
                    </ul>
            </li>

        </ul>

    <li>
        <a href="#" class="float-left"><img src="../templates/admin/images/icons/fugue/status.png" width="16" height="16"> Task name</a>
        <ul class="tags float-right">
            <li class="tag-time">5 days</li>
            <li class="tag-user">You</li>
        </ul>
    </li>

</ul>

当我使用这个 Jquery 代码时

$("#sortme").sortable({
                    update : function () {
                    serial = $('#sortme').sortable('serialize');
                    $.ajax({
                    url: "sort_menu.php",
                    type: "post",
                    data: serial,
                    error: function(){
                    alert("theres an error with AJAX");
                    }
                });
            }
        });

它使 UL 块列表和迷你块列表都可排序

我需要的只是使块列表 LI 可排序而不是 UL 的

4

2 回答 2

1

这似乎是 jQuery 可排序的一个限制，如果你没有找到一个纯 jQuery 解决方案，你可以试试这个插件或这个插件。

于 2012-09-20T11:26:40.313 回答
0

您可以使用 sortableitems选项来准确过滤您需要的内容并防止其他项目被排序。例如items: "> li". 文档

于 2012-09-20T18:58:53.150 回答