2011-03-08 1 views
2

jquery draggable parent 시작 드래그를 클릭 할 수 있습니까?

나는 이런 마크 업을 가지고있다.

<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에 드래그, dragstart, mousedown, mousedown.draggable을 실행 해 보았습니다.

다른 사용자도 같은 문제가 있었지만 6 개월 전부터 답변이 없었으며 다른 jQuery 버전도있었습니다 (그 이후로 많은 업데이트가 있었기 때문에) : jquery start dragging object when clicked on the other

답변

3

내가 기능을 결합 당신이 다시에 mousedown을 유발하면서 무한 루프를 방지하기 위해 이벤트의 대상/currentTarget을 변경해야 할 수도 있습니다 updateSelector

updateSelector = function(e) { 

// update position yada yada... 

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

} 
+1

참고. –