Also habe ich diese verschachtelten Listen, die erstellt werdendynamisch. Eine HTML-Liste von Abschnitten (jeweils mit der ID "section" + sectionNumber und anschließend einer verschachtelten Liste von Elementen in jedem Abschnitt. Abschnitte können zwischen anderen Abschnitten sortiert werden, und Elemente können von Abschnitt zu Abschnitt verschoben werden (über verbundene Listen).
<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>
Abhängig von den aus meiner Datenbank abgerufenen Daten kann es jedoch zu einer unterschiedlichen Anzahl von Abschnitten kommen. Eine Hardcodierung der einzelnen Abschnitts-IDs als sortierbar kommt daher nicht in Frage.
Wie würden Sie vorgehen (oder was ist das Beste?)Übung), um die Abschnitte sortierbar und ihre Elemente über Listen verbunden zu machen, dynamisch? Im Wesentlichen möchte ich nur, dass unabhängig von der Anzahl der Abschnitte allen die sortierbare Eigenschaft jquery ui für ihre Elemente zugewiesen wird. Wie mache ich das möglich?
Antworten:
0 für die Antwort № 1$ ("# sortableSections ul."connectedSortable") ist der Selektor, den Sie verwenden müssen. Wenn Sie mehrere Elemente verwenden, empfiehlt es sich, sie auf der Grundlage der Klasse zu binden. Wenn Sie jedes durchlaufen müssen, können Sie eine Schleife wie folgt ausführen:
$("#sortableSections ul.connectedSortable").each(function() { $(this).html("do something here"); });