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

时间:2015-09-29 12:28:02

标签: jquery jquery-ui-sortable

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

以下是HTML样本。

a

如何在<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类上执行可排序?

我尝试了.dragitems: ' > a',但没有运气。

如果可以这样做那么它应该像我们对handle: '.drag'标签一样。

提前感谢您的帮助。

编辑:

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

1 个答案:

答案 0 :(得分:0)

这似乎有效:

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

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

我只更改了&lt; li&gt;元素类(仅仅因为我不喜欢以元素命名的类)。