Не удается сортировать дочерние элементы

Question

Я пытаюсь использовать сортировку jQuery для сортировки элементов. По какой-то причине я не могу сортировать ребенка 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();