2011-03-08 166 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