jQuery++ - jQuery.event.drag

Simple slider demo for jQuery.event.drag

by donejs

HTML

<script src="http://jquerypp.com/release/latest/jquerypp.js"></script>
<div id="container">
    <div id="dragger">Drag me</div>
</div>

CSS

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;
}

JavaScript

$('#dragger').on('draginit', function(ev, drag) {
    drag.limit($(this).parent());
    drag.horizontal();
});