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

标签 jquery jquery-ui-sortable

懒得用 jquery sortable 对定义列表进行排序。我有 dt 的句柄,但也需要它来选择以下 dd,因此可拖动对象实际上既是 dt 又是 dd 标签。

显然这些没有带有 dl 的唯一父元素,所以只是想知道文档中是否缺少某些内容,或者我是否必须添加 div 并污染我的标记。

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

最佳答案

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

以下是我建议的解决方案:

  1. 将您的列表更改为包含 header (而不是 DT)和内容的 UL(如果您有多个 DD,则可以是 UL,也可以是简单的 P 元素)

  2. 将类添加到 DT/DD,以便它们可以相互连接。就我而言,我一周中有几天是共享类(class)的:

    <dt class="term thursday">Thursday</dt>
    <dd class="description thursday>Lorem ipsum</dd>
    
  3. 您可以查看 HTML 标准并查看 DL 中是否允许使用 block 元素(如 DIV),并且可以将 DT/DL 分组到一个 div 中(但如果不行,浏览器可能会崩溃) .)

关于jquery - 使用jquery对定义列表进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3119986/

相关文章:

jQuery ui 选项卡锚定,如何防止?

javascript - 未捕获的 HierarchyRequestError 为 "jQuery Ui Sortable"

javascript - 在 Oracle Apex 中实现对 Shuttle 值的依赖

javascript - 如何从javascript多维数组中检索值

javascript - jQuery-UI 可排序 : Animate from original position to new after helper drop

无需 jQuery UI 即可进行 jQuery 排序

javascript - ondrop 事件 - 创建新元素

javascript - 使用 javascript 生成的 html 代码不适用于 jquery sortable

javascript - iOS WebApp 不允许定位服务?

jquery - 如何仅在添加选项时触发,而不是在删除时触发(多个 select2)?