jquery - jQuery sortable、指定した要素をクリックするだけで行のソートを制限する方法

Question

次の方法でソート可能を使用しています

$("#fieldsTable").sortable({
    items: 'tr'
});

ただし、行内の任意の場所をクリックして、表の行をドラッグできるようになりました。

テーブルの行内に画像を配置し、ユーザーがそこからドラッグして行を並べ替えられるように制限したいと考えています。これを行う方法を教えてください。

Answer 1

handle次のオプションを設定できます。

$("#fieldsTable").sortable({
    items: 'tr',
    handle: '.dragImage'
});

dragImage行内の画像にCSS クラスを設定するとします。

詳細については、API ドキュメントを参照してください。