javascript - jQuery UI 可排序的动态固定项

Question

我需要一些帮助来让一些项目留在可排序的 jquery UI 中。

我知道JQuery 可排序列表和固定/锁定项目，它确实工作得很好，问题是如果你不添加项目，这工作得很好。如果您向 sortable 添加更多项目，则必须再次调用 .fixedsortable ，我想避免这种情况。这是我的设置示例：

<ul>
<li></li>
<li class="fixed"></li>
<li></li>
<li class="fixed"></li>
<li></li>
</ul>

排序时我需要“固定”类保持原位。

Answer 1

您可以制作容器元素sortable，这样您就不必担心新元素：

演示

HTML：

<ul id="container">
    <li>1</li>
    <li class="fixed">2</li>
    <li>3</li>
    <li class="fixed">4</li>
    <li>5</li>
</ul>

JS：

 $("#container").sortable();