jqueryを使用して完全なdt ddをドラッグ可能にする

Question

私は完全なdtコンテンツをドラッグ可能にするjsfiddleを持っています。

どうすればいいですか？

JSFIDDEL

<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(); 

    }); 

Answer 1

私が正しく質問を理解していれば、あなたは一つの項目として "タイトル" と "こんにちは" をドラッグできるようにしたいですか？

これだけのdiv内の各項目をラップしている場合：

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

フィドル：http://jsfiddle.net/5p2ynsLx/2/