J'ai donc ces listes imbriquées qui sont crééesdynamiquement. Une liste HTML de sections, (chacune avec un identifiant de "section" + sectionNumber, puis une liste imbriquée d'éléments dans chaque section. Les sections sont triables entre les autres sections et les éléments peuvent être déplacés d'une section à l'autre (via des listes connectées).
<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>
Cependant, en fonction des données extraites de ma base de données, le nombre de sections peut varier. Il est donc hors de question de coder en dur chaque identifiant de section comme pouvant être trié.
Alors, comment vous y prendrez-vous (ou quel est le meilleurpratique) pour rendre les sections triables et leurs éléments connectés via des listes, de manière dynamique? Essentiellement, je veux simplement, quel que soit le nombre de sections, la propriété triable jquery ui est appliquée à leurs éléments. Comment puis-je y arriver?
Réponses:
0 pour la réponse № 1$ ("# sortableSections ul.connectedSortable ") est le sélecteur que vous devez utiliser. Les lier en fonction de la classe est préférable si vous utilisez plusieurs éléments. Si vous avez besoin de traverser chacun d'entre eux, vous pouvez boucler comme ceci:
$("#sortableSections ul.connectedSortable").each(function() { $(this).html("do something here"); });