jQuery UI可排序动态固定项

Question

我需要一些帮助，让一些项目保持在jquery UI可排序的位置。

我知道JQuery sortable lists and fixed/locked items并且确实很有效，问题是如果你没有添加项目，这可以正常工作。如果你向sortable添加更多项目，你必须再次调用.fixedsortable，我想避免这种情况。 以下是我的设置示例：

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

我需要“修复”类在排序时保持原位。

Answer 1

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

Demo

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();