可以点击jquery draggable parent start drag吗?

时间:2011-03-08 23:31:34

标签: jquery jquery-ui jquery-ui-draggable

我有像这样的标记

<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

1 个答案:

答案 0 :(得分:3)

mousedown上我绑定了函数updateSelector

updateSelector = function( e ) {

 // update position yada yada...

 $('#colorpicker-selector').trigger( e ); // make the dragging happen

}