Question

我有一个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 COde

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

  } );

Answer 1

如果我正确理解了这个问题，您希望能够将“标题”和“Hello”作为一个项目拖动吗？

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

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

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

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

1 个答案: