<div id="container"> <div id="dragger">Drag me</div> </div>
$('#dragger').on('draginit', function(ev, drag) { drag.limit($(this).parent()); drag.horizontal(); });
body{ font-family: Helvetica,"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif; } div { overflow: hidden; padding: 10px; } #container { width: 400px; background-color: #EFEFEF; } #dragger { border: 1px solid grey; padding: 5px; cursor: pointer; width: 70px; }