jquery - jQuery、Sortabtable:中央でドラッグしたいのですが、高さが間違っていますか?

Question

次のドラッグ可能なリスト項目構造があります。

<ul id="dadCol_0" class="dad-list ui-sortable">
<li class="dad-item ui-draggable" id="sl1" style="position: relative;">1</li>
<li class="dad-item ui-draggable" id="sl2" style="position: relative;">2</li>
<li class="dad-item ui-draggable" id="sl3" style="position: relative;">3</li>
<li class="dad-item ui-draggable" id="sl4" style="position: relative;">4</li>
<li class="dad-item ui-draggable" id="sl5" style="position: relative;">5</li>
</ul>

jQuery:

dad_list.sortable({
    connectWith: 'ul.dad-list',
    containment: '#containment',
    items: 'li.dad-item',
    cursorAt: {
        top: Math.round($(this).outerHeight() / 2)
    },
    stop: function(event, ui) {
        serializedads();
    }       
});

これですべて問題ありませんが、.outerHeight() が 0 のように見えます。ドラッグされたアイテムが一番上にくっついています。高さ/2の位置が必要です。

Answer 1

試す

cursorAt: function(ui){
    top: Math.round($(ui.item).outerHeight() / 2)
}