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

Question

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

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

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

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

Answer 1

您可以使容器元素可排序，这样您就不必担心新元素:

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