2011-03-08 128 views
2

我有类似这样的标记可以点击jQuery可拖拽父开始拖拽?

<div id="colorpicker-background"> 
    <div id="colorpicker-selector"></div> 
</div> 

随着JS是这样的:

$('#colorpicker-selector').draggable({ 
    containment : $('#colorpicker-background'), 
    handle  : $('#colorpicker-selector') 
}) 

#colorpicker-background用户onmousedown火灾我谨#colorpicker-selector到鼠标按下的。问题是,即使选择器现在在光标下,用户也不能继续拖动。

我试过基于我读过的各种帖子,并没有运气,尝试触发拖动,dragstart,mousedown,mousedown.draggable #colorpicker-selector

这里的另一个用户已经有同样的问题,但6个月前的,没有答案,不同的jQuery的版本(如自那时以来已经有许多更新):jquery start dragging object when clicked on the other

回答

3

mousedown我绑定功能updateSelector

updateSelector = function(e) { 

// update position yada yada... 

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

} 
+1

请注意,您可能需要更改该事件的目标/ currentTarget当前,为了避免无限循环,而它再次触发鼠标按下。 – 2013-10-27 07:15:27