Jquery ui 使用jquery ui仅拖动主ul？

我有一个简单的嵌套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>

它使UL块列表和mini块列表都可排序

---

我所需要的只是使blocks list LI的sortable而不是UL的

这似乎是jQuery sortable中的一个限制，您可以尝试，或者如果您没有找到一个纯jQuery解决方案。

您可以使用sortable

项

选项来精确筛选您需要的内容，并防止其他项被排序。例如

项目：“>li”

您的html标记不正确。

小块列表

不能作为

块列表

的直接子元素，因为它是

ul

元素。

块列表的直接子元素只能是
li
元素。
$("#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");
                    }
                });
            }
        });