how can i use draggable on a part of a div

See more:

jQuery

Hello!

I have used draggable on a div that contains 2 other div objects.

<div id="MustBeSolvedByRoot" class="DialogRoot ui-draggable"
style="width: 610px; height: 20px; position: absolute; top: 0px; left: 5px; visibility: visible;">
<div id="MustBeSolvedHeader"><header height 20></div>
<div id="MustBeSolvedContent"><content height 600></div>
</div>

$('#MustBeSolvedByGroupRoot').draggable({ containment: "#root", scroll: false });

I only want to be able to drag the div when pressing the root/Header div and not the content div (i have scrollbar there and the div is dragged then i try to drag the scrollbar) so it acts like a dialog (i don't want to use the jquery dialog). Is it possible to do this?


Thanks!