Wie ziehe ich die Box in JS?

Question

Ich habe eine Box wie das Bild unten

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

Deshalb möchte ich es in der gesamten HTML-Seite per Drag-Giebel, aber ich will es ziehen nur durch den Header zu halten. Denn wenn ich die gesamte Box Drag-Gable ziehen kann, funktioniert das Click Event möglicherweise nicht. So wie es geht?

Answer 1

Es ist sehr einfach, wenn Sie folgende jQuery UI-Bibliothek enthalten: Draggable jQuery UI

Es ist einfach ein Anruf ein beliebiges Element dragable zu machen:

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

Sie müssen nur Bibliotheken jQuery und jQuery UI Referenz in Ihre Seite, damit dies funktioniert.