Как применить свойства пользовательского интерфейса jquery к динамически создаваемым спискам - PullRequest
Новая
       1

Как применить свойства пользовательского интерфейса jquery к динамически создаваемым спискам

0 голосов
/ 08 ноября 2011

Итак, у меня есть эти вложенные списки, которые создаются динамически. HTML-список разделов (каждый с идентификатором «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>

Однако, в зависимости от данных, извлеченных из моей базы данных, количество разделов может быть разным. Так что жесткое кодирование каждого идентификатора раздела как сортируемого исключено.

Итак, как бы вы (или какова лучшая практика) динамически сортировали разделы и их элементы, связанные через списки? По сути, я просто хочу, чтобы независимо от количества секций у всех них было свойство сортировки jquery ui, примененное к их элементам. Как мне это сделать?

1 Ответ

0 голосов
/ 08 ноября 2011

$ ('# sortableSections ul.connectedSortable') - это селектор, который вам нужно использовать. Связывание их по классу - лучшая практика, если вы используете несколько предметов. Если вам нужно пройти через каждый из них, вы можете выполнить цикл следующим образом: 

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