不能排序子项

Question

我想用jQuery Sortable排序项目。出于某种原因，我无法对孩子li进行排序，只有父母li可以被移动和排序。当我尝试移动孩子li，它的动作与父ul

$("#list-tree-pages").sortable({ 
 
    placeholder: "ui-state-highlight", 
 
    items: "> li", 
 
    revert: true 
 
}); 
 
$("#list-tree-pages").disableSelection();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="parent-0 ui-sortable" id="list-tree-pages"> 
 
    <li class="item-3 has-children"><a href="#" class="drag ui-sortable-handle"><i class="fa fa-bars"></i></a><a href="#">Features</a> 
 
    <ul class="submenu" id="parent-3" style="display: block;"> 
 
     <li class="item-10"><a href="#" class="drag ui-sortable-handle"><i class="fa fa-bars"></i></a><a href="#">Features 1</a></li> 
 
     <li class="item-11"><a href="#" class="drag ui-sortable-handle"><i class="fa fa-bars"></i></a><a href="#">Features 2</a></li> 
 
     <li class="item-12"><a href="#" class="drag ui-sortable-handle"><i class="fa fa-bars"></i></a><a href="#">Features 3</a></li> 
 
    </ul> 
 
    </li> 
 
</ul>

Answer 1

对不起设法解决这个问题。这是JavaScript的参数。我必须删除>

$("#list-tree-pages").sortable({ 
    placeholder: "ui-state-highlight", 
    items: "li", 
    revert: true 
}); 
$("#list-tree-pages").disableSelection();