Така че имам тези вложени списъци, които са създаденидинамично. Списък с HTML секции (всеки с идентификатор на "раздел" + раздел Номер и след това вложен списък с елементи във всеки раздел. Разделите могат да се сортират между други секции, а елементите могат да бъдат премествани от раздел в раздел (чрез свързани списъци).
<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, приложено към техните елементи. Как да направя това?
Отговори:
0 за отговор № 1$ ("# sortableSections ul.connectedSortable ") е селекторът, който трябва да използвате. Свързването им според класа е по-добра практика, ако използвате няколко елемента. Ако трябва да преминете през всяка от тях, можете да цитирате така:
$("#sortableSections ul.connectedSortable").each(function() { $(this).html("do something here"); });