使用jquery对定义列表进行排序

使用jquery对定义列表进行排序,jquery,jquery-ui-sortable,Jquery,Jquery Ui Sortable,使用jquery sortable对定义列表进行排序有点麻烦。我有一个关于dt的句柄,但是需要它来选择下面的dd,所以可拖动的对象实际上是dt和dd标记 很明显,这些文件在dl中没有唯一的父元素,所以我只是想知道我是否在文档中遗漏了什么,或者我是否必须添加div并污染我的标记 任何提示都将不胜感激……我现在正在这样做。如果您找到了解决方案,请发布=) 以下是我提出的解决方案: 将列表更改为包含标题(而不是DT)和内容的UL(如果有多个DD,可以是UL,也可以是简单的p元素) 将类添加到DT/DD

使用jquery sortable对定义列表进行排序有点麻烦。我有一个关于dt的句柄,但是需要它来选择下面的dd,所以可拖动的对象实际上是dt和dd标记

很明显,这些文件在dl中没有唯一的父元素,所以我只是想知道我是否在文档中遗漏了什么,或者我是否必须添加div并污染我的标记


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

我现在正在这样做。如果您找到了解决方案,请发布=)

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

  • 将列表更改为包含标题(而不是DT)和内容的UL(如果有多个DD,可以是UL,也可以是简单的p元素)

  • 将类添加到DT/DD中,以便它们可以相互连接。就我而言,我每周有几天是每个人的共享课程:

    <dt class="term thursday">Thursday</dt>
    <dd class="description thursday>Lorem ipsum</dd>
    
    周四
    
    我转到了一个UL,其中包含一个标题和另一个UL(因为我会有多个DD):

    • 先前的DT元素
      • 前DD
      • 另一个以前的DD
    现在使用TinySort或其他任何工具进行排序要容易得多

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