php - 使用 Jquery 和 PHP 进行排序

Question

以下是我的 Jquery 代码：

jQuery(document).ready(
            function() {
                jQuery("#document-list-1").sortable({
                    update : function () {
                        serial = jQuery('#document-list-1').sortable('serialize');
                        jQuery.ajax({
                        url: "/?module=website_documents&action=reorder_website_document_by_dragdrop&website_id=18374",
                        type: "post",
                        data: serial,
                        error: function(){
                            alert("there is an error with AJAX");
                        }
                    });
                }
            });
        });
        jQuery(document).ready(
                function() {
                    jQuery("#documentChildList").sortable({
                        update : function () {
                            serial = jQuery('#documentChildList').sortable('serialize');
                            jQuery.ajax({
                            url: "/?module=website_documents&action=reorder_website_document_by_dragdrop&website_id=18374",
                            type: "post",
                            data: serial,
                            error: function(){
                                alert("there is an error with AJAX");
                            }
                        });
                    }
                });
            });

HTML 代码：

<ul id="document-list-1">
  <li><img src="images/move.jpg">Test1
   <ul id="documentChildList">
      <li><img src="images/move.jpg">test2</li>
      <li><img src="images/move.jpg">test3</li>
    </ul>
  </li>
</ul>

对于父类别排序工作正常。但是对于子类别，在 IE8 中，当我单击它时，它的图像（即 move.jpg）会移动到右侧，并且整个列表以及父类别也会上下移动。

如果我删除 'document-list-1' 的 jQuery 代码，则子类别的排序也可以正常工作，但父类别排序不起作用。

不知道出了什么问题。