jquery uiを使用する場合、要素のソートを制御する方法はありません

Question

要素（.draggable）を内部に持つソート可能div（#sortable）があります。そこでは、要素を下から上に並べ替えると要素を上にドラッグすることで簡単に並べ替えることができ、上にドラッグする必要はありません。しかし、要素を上から下にソートするとき、私はその要素を望みよりもずっと下にドラッグしなければなりません。要素の並べ替えを制御する方法はありますか？少し上/下をドラッグして上/下をドラッグしなくても、それぞれ要素を配置するプレースホルダが表示されます。

デモ：codepen私はすべての方法まで私はソートする要素の上に要素をドラッグする必要はありませんと上向きにソート上向き

をソート

JS

$('#content #sortable').sortable({ 
    handle: '.drag_handle', 
    placeholder: "ui-state-highlight", 
    axis: "y" 
    }); 

    $('#blocks .draggable').draggable({ 
    helper: "clone", 
    revert: "invalid", 
    connectToSortable: '#content #sortable' 
    }); 

更新

は簡単です。と。私はすべての方法ダウン私はソートする要素以下の要素をドラッグする必要があるとして、下向きソート下向き

をソート

は困難です。

Answer 1

だけ"pointer"にsortable APIのtoleranceオプションを変更します。このオプションは、要素の50％以上がプレースホルダと重なり合うまでドラッグするのを待つのではなく、カーソルがその上にあるときにプレースホルダ上にあるとみなします（現在必要なもの）。これをソートするには、あまりにも遠くにスクロールしなければならなかったのです。ここで

$('#content #sortable').sortable({ 
    handle: '.drag_handle', 
    placeholder: "ui-state-highlight", 
    tolerance: "pointer" 
}); 

、私は質問を理解し、トラブルを抱えている更新CodePen