Free Range

            
  drag('#container1 #box1')
    .bind();
  drag('#container1 #box2')
    .bind();
  drag('#container1 #box3')
    .bind();
            
          

Bind to Axis

            
  drag('#container2 #box1')
    .axis('x')
    .bind();
  drag('#container2 #box2')
    .axis('y')
    .bind();
            
          

Limit Movement to Container

            
  drag('#container3 #box1')
    .container('#container3')
    .bind();
  drag('#container3 #box2')
    .container('#container3')
    .axis('y')
    .bind();
            
          

Event Callbacks

            
  drag('#container4 #box1')
    .container('#container4')
    .start(function() {
      document.getElementById('ex4title').innerHTML = 'Event Callbacks for start and...';
    })
    .dragging(function() {
      document.getElementById('example4status').innerHTML = this.pos.x + 'px , ' + this.pos.y + 'px';
    })
    .end(function() {
      document.getElementById('ex4title').innerHTML = 'Event Callbacks for start and... end.';
    })
    .bind();
            
          

Handle

HANDLE
            
  drag('#container5 #box1')
    .container('#container5')
    .handle("#container5 #box1 #handle1")
    .bind();