如何在JS中拖动框？

Question

我有一个如下图所示的框

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

所以我想在整个html页面中进行拖拽，但我只想通过按住标题来拖动它。因为如果我可以整个框拖拽，那么点击事件可能不起作用。那怎么办呢？

Answer 1

如果包含以下jQuery UI库，则非常简单： Draggable jQuery UI

只需调用一个可拖动的元素：

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

您只需在页面中引用jQuery和jQuery UI库即可实现此功能。