JS에서 상자를 드래그하는 방법은 무엇입니까?

Question

나는

<div id="HelpDoc"> 
    <div id="HelpHeader">Here goes the header</div> 
    <div id="HelpContent">Here goes the content</div> 
</div> 

그래서 내가 그것을 드래그 - 박공 HTML 페이지를 통해 확인하려면 아래 이미지처럼 상자를 가지고 있지만 난 단지 헤더를 유지하여 드래그합니다. 왜냐하면 내가 상자 전체를 드래그 게이블로 만들면 클릭 이벤트가 작동하지 않을 수 있기 때문입니다. 그렇게하는 방법?

$(function() { 
    $("#HelpDoc").draggable(
     handle: "#HelpHeader" 
    ); 
}); 

당신은 그냥 jQuery를하고 jQuery를 UI 라이브러리를 참조해야합니다 : Draggable jQuery UI

어떤 요소 dragable를 만들기 위해 하나의 호출입니다 : 당신은 다음과 같은 jQuery를 UI 라이브러리를 포함하는 경우

Answer 1

그것은 매우 간단합니다 귀하의 페이지가이 작품을 만들 수 있습니다.