Sortierung der Definitionsliste mit jquery

Question

Ich habe ein Problem beim Sortieren einer Definitionsliste mit jquery sortable. Ich habe einen Griff auf die dt aber brauchen es, um die folgenden dd als auch auswählen, so dass das Draggable-Objekt ist eigentlich sowohl dt und dd-Tags.

Offensichtlich haben diese kein eindeutiges übergeordnetes Element mit dem dl so gerade wundern, wenn es etwas gibt, das ich in den Dokumenten fehlt oder muss ich Divs hinzufügen und mein Markup verunreinigen.

Für Tipps wären wir sehr dankbar...

Answer 1

Ich tue das jetzt. Wenn du eine Lösung gefunden hast, dann poste sie =)

Hier sind meine Lösungsvorschläge:

1. Ändern Sie Ihre Liste in eine UL, die Überschriften (anstelle von DT) mit Inhalt enthält (könnte eine UL sein, wenn Sie mehr als eine DD haben, oder ein einfaches P-Element)

2. Fügen Sie Klassen zu Ihrem DT/DD hinzu, damit sie miteinander verbunden werden können. In meinem Fall habe ich Wochentage, die jeweils gemeinsame Klassen sind:

   <dt class="term thursday">Thursday</dt>
   <dd class="description thursday>Lorem ipsum</dd>

3. Sie könnten in den HTML-Standards nachsehen, ob Blockelemente (wie DIVs) innerhalb eines DL erlaubt sind, und die DT/DLs in einem div zusammenfassen (aber der Browser könnte explodieren, wenn das nicht in Ordnung ist).

Answer 2

Ich zog in ein UL mit LI's um, das einen Header und ein weiteres UL enthielt (da ich mehrere DD's gehabt hätte):

<ul>
 <li>
  <h3>Previous DT Element</h3>
  <ul>
   <li>Previous DD</li>
   <li>Another previous DD</li>
  </ul>
 </li>
 <!-- more LI's as necessary -->
</ul>

Es ist jetzt zigmal einfacher, mit TinySort oder etwas anderem zu sortieren.