使用jquery排序定义列表

Question

点击排序jquery可排序的定义列表。我有一个dt的句柄，但是需要它来选择以下的dd，所以draggable对象实际上是dt和dd标签。

显然这些dl没有唯一的父元素，所以只是想知道文档中是否存在某些内容，或者我是否需要添加div并污染我的标记。

任何提示都将不胜感激......

Answer 1

我现在正在这样做。如果你找到了解决方案，那么发布它=）

以下是我提出的解决方案：

1. 将您的列表更改为包含内容的UL（而非DT）标题（如果您有多个DD或可能是简单的P元素，则可以是UL）

2. 将类添加到DT / DD，以便它们可以相互连接。在我的情况下，我每周都有几天是每个人的共享课程：

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

3. 您可以查看HTML标准，看看是否允许在DL中使用块元素（如DIV），并且可以将DT / DL组合在一个div中（但如果不是这样，浏览器可能会爆炸） 。）

Answer 2

我移动到带有LI的UL，其中包含一个标题和另一个UL（因为我有多个DD）：

<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>

使用TinySort或其他任何东西进行排序现在要容易多了。