jquery - jQuery，可排序：修改“clickAt”

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>

现在，当您在矩形内单击开始拖动时并不重要 - 但我希望它成为该矩形的中心（宽度 / 2，高度 / 2）。我有点需要使用clickAt我猜想的属性，但这里有一个我到目前为止所做的小例子：

$('.dad-item').each(function() {
    $(this).draggable({
        opacity: 0.6, 
    });
});

这确实不透明度，但现在拖动被打破：项目不会改变顺序，没有恢复触发等。

编辑：第二次尝试：

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

现在我不能上下移动它，只能水平移动

Answer 1

我想你需要这样的东西

$('.dad-item').draggable({
    opacity: 0.6,
    cursorAt: {
        left: width / 2,
        top: height / 2
    }
});