如何将jQuery Sortable应用于li和li子标签？

Question

我有一个ul表需要排序。我可以使用li进行拖放/排序，但是我想使用.drag类来执行它，该类有a标记。

下面是示例工作HTML。

<ul id="sortable" class="ui-sortable"> 
    <li class="li" id="1"> 
     <a href="javascript:;" class="button close"></a> 
     <a href="javascript:;" class="button drag"></a> 
     <a href="javascript:;">Item 1</a> 
    </li> 
    <li class="li" id="2"> 
     <a href="javascript:;" class="button close"></a> 
     <a href="javascript:;" class="button drag"></a> 
     <a href="javascript:;">Item 2</a> 
    </li> 
    <li class="li" id="3"> 
     <a href="javascript:;" class="button close"></a> 
     <a href="javascript:;" class="button drag"></a> 
     <a href="javascript:;">Item 3</a> 
    </li> 
</ul> 

我怎么可以对a标签的.drag类排序？

我试过items: ' > a'和handle: '.drag'，但没有运气。

如果有可能做到这一点，那么它应该看起来像我们为li标记做的一样。

在此先感谢您的帮助。

编辑：

我可以拖动使用李，但不使用标签。

Answer 1

这似乎工作：

// Sort the parents 
$(".ui-sortable").sortable({ 
    handle: ".drag", 
    cursor: "move", 
}); 

// Sort the children 
$(".lines").sortable({ 
    containment: ".container", 
    items: "> .item", 
    connectWith: '.lines' 
}); 

我只更改了<李>元素类（只是因为我不喜欢的元素命名的类）。