jQuery UI Library Draggable with handle


Example

You can use any element as an handle to drag another element around:

<script>
  $(function() {
      $( "#draggable" ).draggable({
         handle: ".handle"
      });
  });
</script>
<div id="draggable">
    <span class="handle">Handle</span>
    <div>Content</div>
</div>

Fiddle