开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

Kinetic drag for mobile & desktop.

Demos and more at http://pep.briangonzalez.org.

Installation

NPM (recommended)

npm install jquery.pep.js --save

Bower

bower install jquery.pep

Getting Started

Getting started is simple: include jQuery, include pep, then:

$('.pep').pep(); // yup, that simple.

Usage

Pep has many options. Here they are in their entirety, with their defaults. Need a little help? Just ask.

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

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

A note on droppable option

There is a convenience object within the context of each function pep makes available (drag, rest, ease, etc.) called activeDropRegions, which is an array of jQuery objects that the pep object is currently "over".

Example:

$('.pep').pep({
  droppable:   '.drop-target',
  drag: function(ev, obj){
    console.log('There are ' + this.activeDropRegions.length + 'active drop regions.')
  },
  revert: true,
  revertIf: function(ev, obj){
    return !this.activeDropRegions.length;
  }
})

Author

Brian Gonzalez

Support

Pep includes at least partial support for most browsers, dating back to IE6.

License

Pep is licensed under the MIT License