我有一个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
类上执行可排序?
我尝试了.drag
和items: ' > a'
,但没有运气。
如果可以这样做那么它应该像我们对handle: '.drag'
标签一样。
提前感谢您的帮助。
编辑:
我可以使用li拖动但不使用标签。
答案 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;元素类(仅仅因为我不喜欢以元素命名的类)。