Jquery ui - ソート可能：ソート可能な要素内のアイコン 'ハンドル'でドラッグ

Question

jquery ui sortablesは正常に機能していますが、ソート可能な要素には他のインタラクティブ要素があります。並べ替え可能なdiv内の要素とやり取りする際に誤ってソートされるのを防ぐために、ソート可能な要素のドラッグを行うときに、各ソート可能なものの左上隅にあります。これはジェネリックjquiで可能ですか、自分でフックを書く必要がありますか？

Answer 1

プラグインのオプションhandleは、それがソートを開始できる要素であることを定義することを可能にします。セレクタまたは要素を提供できます。

ソートを開始するためのハンドルであることを.handlerで、このHTMLを使用している場合：

<ul class="sortable"> 
    <li> 
     <span class="handle"></span> 
     My element 
    </li> 
</ul> 

このようなオプションの適用：あなたはしかし、あなたがあなたのハンドル要素のスタイルを設定することができます

$(".sortable").sortable({ handle: '.handle' }); 

を好き。