jQuery.pep.js - Kinetic drag for mobile & desktop

jQuery.pep.js is a lightweight jQuery plugin which turns any DOM element into a draggable object. It works across mostly all browsers, from old to new, from touch to click. I built it to serve a need in which jQuery UI’s draggable was not fulfilling, since it didn’t work on touch devices (without some hackery).

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: pep.briangonzalez.org

1. INCLUDE JS FILES

<script src="jquery.js"></script>
<script src="dist/jquery.pep.min.js"></script>

2. HTML

<div class='pep'></div>

3. JAVASCRIPT

jQuery(function($) {
    // pep is super simple...but there are wayyy
    // more options doc'd on github.
    $('#pep').pep(); 
});

4. OPTIONS

5. API

// Toggle functionality of all Pep objects on the page
$.pep.toggleAll()

// Explicitly disable all Pep objects on the page
$.pep.toggleAll(false)

// Explicitly enable all Pep objects on the page
$.pep.toggleAll(true)

// Unbind Pep completely from the object
var $pep = $('.pep');
$pep.pep();               // bind
$.pep.unbind( $pep );     // unbind
$pep.pep();               // bind

6. CLASS APPLICATIONS

The following classes are applied corresponding to events that are happening on the pep object:

• pep-active -- applied when initiate event is triggered; removed when ease has finished
• pep-start -- applied when start event is triggered; removed when stop event occurs
• pep-ease -- applied when stop event is triggered; removed when ease has finished