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'); });

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

1 个答案: