如何在使用cursorAt时获取JQuery UI draggable()对象的宽度和高度

Question

我正在实现JQuery UI Draggable()对象，并添加了cursorAt()对象。THen我注意到我需要将可拖动对象居中，但看不到怎么做。我可以将顶部和左侧设置为0，但我想将框居中(可拖动对象)。那么如何获得可拖动对象的宽度和高度呢？

$('#gridColumn1').draggable({
    appendTo: 'body', 
    helper: 'clone', 
    start: function(e, ui) { ui.helper.addClass("dragEffect"); }, 
    //cursorAt: { top: 0, left: 0 }
    cursorAt: top: Math.floor(??? / 2), left: Math.floor(??? / 2)
});

Answer 1

我能得到的最接近的结果是在初始化时设置光标偏移量，这依赖于所有可拖动的类型都是相同的。它看起来不像是cursorAt接受一个函数。

http://jsfiddle.net/kFjJY/2/

var $dragitem = $("#gridColumn1");
$dragitem.draggable({
    appendTo: 'body', 
    helper: 'clone',
    start: function(e, ui) { ui.helper.addClass("dragEffect"); }, 
    cursorAt: { top: $dragitem.height()/2, left: $dragitem.width()/2 }
});

我注意到一个问题，当使用id选择器时，就像你已经有的(#gridColumn1)，克隆失去了它的样式，所以要确保你使用的是类选择器而不是ID。