Question

我有一个ul表需要可排序。我可以使用li执行拖放/排序，但我想使用.drag类标记来执行此操作。

以下是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'
});

我只更改了＆lt; li＆gt;元素类（仅仅因为我不喜欢以元素命名的类）。

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

1 个答案: