Basic Draggable

Title

Overview

Move the boxes by clicking on it with mouse.

Setup

$('#d1').hqyDraggable();

$('#d2').hqyDraggable({
  handle: '#title'
});

html

<div id="d1" style="width:200px;height:150px;background:#fafafa;border:1px solid #ccc"></div>
<div id="d2" data-options="handle:'#title'" style="width:200px;height:150px;background:#fafafa;border:1px solid #ccc;margin-top:10px">
  <div id="title" style="padding:5px;background:#ccc;color:#fff">Title</div>
</div>