我有像这样的标记
<div id="colorpicker-background">
<div id="colorpicker-selector"></div>
</div>
这样的JS:
$('#colorpicker-selector').draggable({
containment : $('#colorpicker-background'),
handle : $('#colorpicker-selector')
})
当用户onmousedown
触发#colorpicker-background
时,我将#colorpicker-selector
移至mousedown所在的位置。问题是,即使选择器现在位于光标下,用户也无法继续拖动。
我已尝试根据我读过的各种帖子触发了#colorpicker-selector
上的drag,dragstart,mousedown,mousedown.draggable,并且没有运气。
此处的另一位用户遇到了同样的问题,但它是从6个月前开始的,没有答案,还有不同的jQuery版本(因为此后有很多更新):jquery start dragging object when clicked on the other
答案 0 :(得分:3)
在mousedown
上我绑定了函数updateSelector
updateSelector = function( e ) {
// update position yada yada...
$('#colorpicker-selector').trigger( e ); // make the dragging happen
}