如何将 jquery ui 属性应用于动态创建的列表

Question

所以我有这些动态创建的嵌套列表。部分的 HTML 列表，（每个部分的 id 为“section”+ sectionNumber，然后是每个部分中的嵌套项目列表。部分可在其他部分之间排序，并且项目可以从部分移动到部分（通过连接列表）。

<ul id='sortableSections'>
    <ul>
        <li>Section 1</li>
        <ul id='section1items' class='connectedSortable'>
            <li>item 1</li>
        </ul>
    </ul>
    <ul>
        <li>Section 2</li>
        <ul id='section2items' class='connectedSortable'>
            <li>item 1</li>
        </ul>
    </ul>
</ul>

但是，根据从我的数据库中提取的数据，可能会有不同数量的部分。因此，将每个部分 id 硬编码为可排序是不可能的。

那么，您将如何着手（或最佳做法）使这些部分可排序并且它们的项目通过列表动态连接？本质上，我只是想要，无论部分的数量如何，它们都将 jquery ui 可排序属性应用于它们的项目。我该如何做到这一点？

Answer 1

$('#sortableSections ul.connectedSortable') 是您需要使用的选择器。如果您使用多个项目，则基于类绑定它们是更好的做法。如果你需要遍历每一个，你可以这样循环：

$('#sortableSections ul.connectedSortable').each(function() { $(this).html('do something here'); });