使用 jquery 使完整的 dt dd 可拖动答案

【问题标题】：Make full dt dd draggable using jquery使用 jquery 使完整的 dt dd 可拖动
【发布时间】：2017-02-27 13:15:25
【问题描述】：

我有一个 jsfiddle，我想让整个 dt 内容可拖动。

我该怎么做，谁能帮我解决这个问题。

 <dl id="sortable1">
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>
<dt class="ui-state-default">Title</dt>
<dd>Hello</dd>

</dl>

JS代码

     $( function() {
    $( "#sortable" ).sortable();

  } );

【问题讨论】：

请将相关代码放入问题中。

标签： jquery draggable jquery-ui-draggable

【解决方案1】：

如果我对问题的理解正确，您希望能够将“标题”和“您好”拖到一个项目中吗？

如果是这样，只需将每个项目包装在一个 div 中：

  <div>
    <dt class="ui-state-default">Title</dt>
    <dd>Hello</dd>
  </div>

小提琴：http://jsfiddle.net/5p2ynsLx/2/

【讨论】：