jQuery libraries updates via composer

This commit is contained in:
Hadi Nategh 2016-06-06 17:38:20 +02:00
parent 02705fd95a
commit 93217a149d
152 changed files with 105 additions and 48777 deletions

View File

@ -53,8 +53,8 @@ module.exports = function (grunt) {
api: {
files: {
"api/js/jsapi.min.js": [
"api/js/jquery/jquery.js",
"api/js/jquery/jquery-ui.js",
"vendor/bower-asset/jquery/dist/jquery.js",
"vendor/bower-asset/jquery-ui/jquery-ui.js",
"api/js/jsapi/jsapi.js",
"api/js/egw_json.js",
"api/js/jsapi/egw_core.js",
@ -153,7 +153,7 @@ module.exports = function (grunt) {
"api/js/etemplate/et2_dataview_interfaces.js",
"api/js/etemplate/et2_dataview_view_container.js",
"api/js/etemplate/et2_dataview_view_row.js",
"api/js/jquery/TouchSwipe/jquery.touchSwipe.js",
"/vendor/bower-asset/jquery-touchswipe/jquery.touchSwipe.js",
"api/js/etemplate/et2_dataview_view_aoi.js",
"api/js/etemplate/et2_dataview_controller_selection.js",
"api/js/etemplate/et2_dataview_controller.js",
@ -234,7 +234,7 @@ module.exports = function (grunt) {
mobile: {
files: {
"pixelegg/js/fw_mobile.min.js": [
"api/js/jquery/fastclick/lib/fastclick.js",
"/vendor/bower-asset/fastclick/lib/fastclick.js",
"api/js/framework/fw_base.js",
"api/js/framework/fw_browser.js",
"api/js/jquery/mousewheel/mousewheel.js",
@ -278,7 +278,7 @@ module.exports = function (grunt) {
files: {
"pixelegg/css/pixelegg.min.css": [
"api/js/jquery/chosen/chosen.css",
"api/js/jquery/jquery-ui/redmond/jquery-ui.css",
"vendor/bower-asset/jquery-ui/themes/redmond/jquery-ui.css",
"api/js/jquery/magicsuggest/magicsuggest.css",
"api/js/jquery/jpicker/css/jPicker-1.1.6.min.css",
"api/js/jquery/jquery-ui-timepicker-addon.css",
@ -293,7 +293,7 @@ module.exports = function (grunt) {
],
"pixelegg/css/mobile.min.css": [
"api/js/jquery/chosen/chosen.css",
"api/js/jquery/jquery-ui/redmond/jquery-ui.css",
"vendor/bower-asset/jquery-ui/themes/redmond/jquery-ui.css",
"api/js/jquery/magicsuggest/magicsuggest.css",
"api/js/jquery/jpicker/css/jPicker-1.1.6.min.css",
"api/js/jquery/jquery-ui-timepicker-addon.css",
@ -308,7 +308,7 @@ module.exports = function (grunt) {
],
"pixelegg/mobile/fw_mobile.min.css": [
"api/js/jquery/chosen/chosen.css",
"api/js/jquery/jquery-ui/redmond/jquery-ui.css",
"vendor/bower-asset/jquery-ui/themes/redmond/jquery-ui.css",
"api/js/jquery/magicsuggest/magicsuggest.css",
"api/js/jquery/jpicker/css/jPicker-1.1.6.min.css",
"api/js/jquery/jquery-ui-timepicker-addon.css",
@ -327,7 +327,7 @@ module.exports = function (grunt) {
files: {
"jdots/css/high-contrast.min.css": [
"api/js/jquery/chosen/chosen.css",
"api/js/jquery/jquery-ui/redmond/jquery-ui.css",
"vendor/bower-asset/jquery-ui/themes/redmond/jquery-ui.css",
"api/js/jquery/magicsuggest/magicsuggest.css",
"api/js/jquery/jpicker/css/jPicker-1.1.6.min.css",
"api/js/jquery/jquery-ui-timepicker-addon.css",
@ -346,7 +346,7 @@ module.exports = function (grunt) {
],
"jdots/css/jdots.min.css": [
"api/js/jquery/chosen/chosen.css",
"api/js/jquery/jquery-ui/redmond/jquery-ui.css",
"vendor/bower-asset/jquery-ui/themes/redmond/jquery-ui.css",
"api/js/jquery/magicsuggest/magicsuggest.css",
"api/js/jquery/jpicker/css/jPicker-1.1.6.min.css",
"api/js/jquery/jquery-ui-timepicker-addon.css",
@ -364,7 +364,7 @@ module.exports = function (grunt) {
],
"jdots/css/orange-green.min.css": [
"api/js/jquery/chosen/chosen.css",
"api/js/jquery/jquery-ui/redmond/jquery-ui.css",
"vendor/bower-asset/jquery-ui/themes/redmond/jquery-ui.css",
"api/js/jquery/magicsuggest/magicsuggest.css",
"api/js/jquery/jpicker/css/jPicker-1.1.6.min.css",
"api/js/jquery/jquery-ui-timepicker-addon.css",

View File

@ -13,8 +13,8 @@
egw_action;
egw_action_common;
egw_action_popup;
jquery.jquery;
jquery.jquery-ui;
vendor.bower-asset.jquery.dist.jquery;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
*/
/**

View File

@ -10,7 +10,7 @@
*/
/*egw:uses
jquery.jquery;
vendor.bower-asset.jquery.dist.jquery;
egw_menu;
/api/js/jquery/jquery-tap-and-hold/jquery.tapandhold.js;
*/
@ -268,7 +268,7 @@ function egwPopupActionImplementation()
var contextHandler = function(e) {
if(egwIsMobile())
{
if (e.originalEvent.which == 3)
if (e.which == 3)
{
// Enable onhold trigger till we define a better handler for tree contextmenu
// return;

View File

@ -10,7 +10,7 @@
*/
/*egw:uses
jquery.jquery;
vendor.bower-asset.jquery.dist.jquery;
egw_action;
*/
@ -143,7 +143,7 @@ function _egw_nodeIsInInput(_node)
}
/**
* Register the onkeypress handler on the document
* Register the onkeypress handler on the document
*/
jQuery(document).ready(function() {
@ -197,7 +197,7 @@ jQuery(window).on("contextmenu",document, function(event) {
*/
function egw_shortcutIdx(_keyCode, _shift, _ctrl, _alt)
{
return "_" + _keyCode + "_" +
return "_" + _keyCode + "_" +
(_shift ? "S" : "") +
(_ctrl ? "C" : "") +
(_alt ? "A" : "");
@ -262,7 +262,7 @@ function egw_keyHandler(_keyCode, _shift, _ctrl, _alt) {
var result = shortcut.handler.call(shortcut.context, shortcut.shortcut);
if(result) return result;
}
// Pass the keypress to the currently focused action object
// Get the object manager and fetch the container of the currently

View File

@ -11,7 +11,7 @@
/*egw:uses
jsapi.jsapi; // Contains some helper functions
jquery.jquery; // Used for the ajax requests
vendor.bower-asset.jquery.dist.jquery; // Used for the ajax requests
*/
/* The egw_json_request is the javaScript side implementation of class.egw_json.inc.php.*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
lib/tooltip;
et2_core_DOMWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_interfaces;
et2_core_valueWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_baseWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_common;
et2_dataview_model_columns;

View File

@ -13,7 +13,7 @@
/*egw:uses
egw_action.egw_action_common;
egw_action.egw_action;
/api/js/jquery/TouchSwipe/jquery.touchSwipe.js;
/vendor/bower-asset/jquery-touchswipe/jquery.touchSwipe.js;
*/
/**

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_dataview_interfaces;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_common;
et2_dataview_interfaces;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inheritance;
et2_core_interfaces;
et2_core_arrayMgr;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_dataview_view_container;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_dataview_interfaces;
*/

View File

@ -12,7 +12,7 @@
/*egw:uses
lib/tooltip;
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_xml;
et2_core_DOMWidget;
et2_core_inputWidget;

View File

@ -11,7 +11,7 @@
*/
/*egw:use
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inheritance;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inheritance;
et2_core_interfaces;
et2_core_arrayMgr;

View File

@ -12,8 +12,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
et2_core_inputWidget;
et2_core_valueWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
/api/js/jquery/barcode/jquery-barcode.min.js;
et2_core_interfaces;
et2_core_baseWidget;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_baseWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_interfaces;
et2_core_baseWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inputWidget;
et2_core_valueWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inputWidget;
et2_core_valueWidget;
/api/js/jquery/jpicker/jpicker-1.1.6.js;

View File

@ -11,8 +11,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
lib/date;
et2_core_inputWidget;
et2_core_valueWidget;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_baseWidget;
expose;
*/

View File

@ -11,7 +11,7 @@
/*egw:uses
et2_core_widget;
jquery.jquery-ui;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
*/
/**

View File

@ -11,8 +11,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
lib/jsdifflib/difflib;
lib/jsdifflib/diffview;
et2_core_valueWidget;

View File

@ -11,8 +11,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
et2_baseWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_DOMWidget;
et2_core_xml;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_baseWidget;
*/

View File

@ -11,8 +11,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
et2_core_valueWidget;
// Include the grid classes

View File

@ -12,7 +12,7 @@
/*egw:uses
jsapi.jsapi; // Needed for egw_seperateJavaScript
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_baseWidget;
*/

View File

@ -12,7 +12,7 @@
/*egw:uses
jsapi.jsapi; // Needed for egw_seperateJavaScript
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
ckeditor.ckeditor;
ckeditor.config;
ckeditor.adapters/jquery;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_interfaces;
et2_core_baseWidget;
expose;

View File

@ -14,7 +14,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inputWidget;
et2_core_valueWidget;
et2_extension_itempicker_actions;

View File

@ -11,8 +11,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
et2_core_inputWidget;
et2_core_valueWidget;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_baseWidget;
*/

View File

@ -10,7 +10,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_interfaces;
et2_core_valueWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inputWidget;
*/

View File

@ -12,7 +12,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
/api/js/jquery/chosen/chosen.jquery.js;
et2_core_xml;
et2_core_DOMWidget;
@ -565,7 +565,7 @@ var et2_selectbox = (function(){ "use strict"; return et2_inputWidget.extend(
*/
find_multi_option: function(_value)
{
return jQuery("input[value='"+
return jQuery("input[value='"+
(typeof _value === 'string' ? _value.replace(this._escape_value_replace, this._escape_value_with) : _value)+
"']", this.multiOptions
);
@ -836,7 +836,7 @@ var et2_selectbox = (function(){ "use strict"; return et2_inputWidget.extend(
return this._super.apply(this, arguments);
}
},
/**
* override set disabled for tags as the tags using
* chosen dom and need to be treated different

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
jquery.splitter;
et2_core_baseWidget;
*/

View File

@ -12,7 +12,7 @@
/*egw:uses
jsapi.egw;
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_valueWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inputWidget;
et2_core_valueWidget;
*/

View File

@ -11,8 +11,8 @@
*/
/*egw:uses
jquery.jquery;
jquery.jquery-ui;
/vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js;
et2_DOMWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_inputWidget;
et2_core_valueWidget;
et2_widget_description;

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
et2_core_interfaces;
et2_core_baseWidget;
*/

View File

@ -11,7 +11,7 @@
*/
/*egw:uses
jquery.jquery;
/vendor/bower-asset/jquery/dist/jquery.js;
/api/js/jquery/blueimp/js/blueimp-gallery.min.js;
*/

View File

@ -8,7 +8,7 @@
*/
/*egw:uses
jquery.jquery;
vendor.bower-asset.jquery.dist.jquery;
egw_inheritance.js;
*/

View File

@ -7,7 +7,7 @@
*/
/*egw:uses
jquery.jquery;
vendor.bower-asset.jquery.dist.jquery;
egw_action.egw_action_common;
egw_inheritance.js;
*/

View File

@ -9,7 +9,7 @@
*/
/*egw:uses
jquery.jquery;
vendor.bower-asset.jquery.dist.jquery;
framework.fw_base;
framework.fw_browser;
framework.fw_ui;

View File

@ -8,7 +8,7 @@
*/
/*egw:uses
jquery.jquery;
vendor.bower-asset.jquery.dist.jquery;
/api/js/jquery/mousewheel/mousewheel.js;
egw_inheritance.js;
*/

View File

@ -1,2 +0,0 @@
Makefile
.DS_Store

View File

@ -1,101 +0,0 @@
#TouchSwipe 1.6
A jquery plugin to be used on touch devices such as iPad, iPhone, android etc
Detects single and multiple finger swipes, pinches and falls back to mouse 'drags' on the desktop.
Time and distance thresholds can be set to destinguish between swipe gesture and slow drag.
Allows exclusion of child elements (interactive elements) as well allowing page scrolling or page zooming depending on configuration.
### Demos, examples and docs
[http://labs.rampinteractive.co.uk/touchSwipe](http://labs.rampinteractive.co.uk/touchSwipe)
[http://labs.rampinteractive.co.uk/touchSwipe/docs](http://labs.rampinteractive.co.uk/touchSwipe/docs)
### For port to XUI see:
https://github.com/cowgp/xui-touchSwipe
### Version History
* **1.6.6** *2014-06-04*
- Merge of pull requests.
- IE10 touch support
- Only prevent default event handling on valid swipe
- Separate license/changelog comment
- Detect if the swipe is valid at the end of the touch event.
- Pass fingerdata to event handlers.
- Add 'hold' gesture
- Be more tolerant about the tap distance
- Typos and minor fixes
* **1.6.5** *2013-08-24*
- Merged a few pull requests fixing various bugs, added AMD support.
* **1.6.4** *2013-04-04*
- Fixed bug with cancelThreshold introduced in 1.6.3, where swipe status no longer fired start event, and stopped once swiping back.
* **1.6.3** *2013-04-01*
- added doubletap, longtap events and longTapThreshold, doubleTapThreshold property
* **1.6.2** *2013-03-23*
- Added support for events binding with on / off / bind in jQ for all callback names.
- Deprecated the 'click' handler in favour of tap.
- added cancelThreshold property
- added 'option' method to update init options at runtime
* **1.6.1** *2013-02-12*
- Added support for ie8 touch events
* **1.6.0** *2013-01-12*
- Fixed bugs with pinching, mainly when both pinch and swipe enabled, as well as adding time threshold for multifinger gestures, so releasing one finger beofre the other doesnt trigger as single finger gesture.
- made the demo site all static local HTML pages so they can be run locally by a developer
- added jsDoc comments and added documentation for the plugin
- code tidy
- added triggerOnTouchLeave property that will end the event when the user swipes off the element.
* **1.5.1** *2012-11-22*
- Fixed bug with jQuery 1.8 and trailing comma in excludedElements
- Fixed bug with IE and event.preventDefault();
* **1.5.0** *2012-11-10*
- Added `excludedElements`, a jquery selector that specifies child elements that do NOT trigger swipes. By default, this is one select that removes all form, input select, button and anchor elements.
* **1.4.0** *2012-04-10*
- Added pinch support, `pinchIn`, `pinchOut` and `pinchStatus`
* **1.3.3** *2012-09-08*
- Code tidy prep for minified version
* **1.3.2** *2012-29-07*
- Added `fallbackToMouseEvents` option to NOT capture mouse events on non touch devices.
- Added "all" fingers value to the fingers property, so any combinatin of fingers triggers the swipe, allowing event handlers to check the finger count
* **1.3.1** *2012-05-06*
- Bug fixes
- bind() with false as last argument is no longer supported in jQuery 1.6, also, if you just click, the duration is now returned correctly.
* **1.3.0** *2012-06-06*
- Refactored whole plugin to allow for methods to be executed, as well as exposed defaults for user override. Added `enable`, `disable`, and `destroy` methods
* **1.2.8** *2012-05-06*
- Added the possibility to return a value like null or false in the trigger callback. In that way we can control when the touch start/move should take effect or not (simply by returning in some cases return null; or return false;) This effects the ontouchstart/ontouchmove event.
* **1.2.7** *2012-05-06*
- Changed time threshold to have null default for backwards compatibility. Added duration param passed back in events, and refactored how time is handled.
* **1.2.6** *2012-14-05*
- Added timeThreshold between start and end touch, so user can ignore slow swipes (thanks to Mark Chase). Default is null, all swipes are detected
* **1.2.5** *2011-27-09*
- Added support for testing swipes with mouse on desktop browser (thanks to https://github.com/joelhy)
* **1.2.4** *2011-28-04*
- Changed licence terms to be MIT or GPL inline with jQuery. Added check for support of touch events to stop non compatible browsers erroring.
* **1.2.2** *2011-23-02*
- Fixed bug where scope was not preserved in callback methods.
* **1.2.1** *2011-23-02*
- removed console log!
* **1.2.0** *2011-23-02*
- added `click` handler. This is fired if the user simply clicks and does not swipe. The event object and click target are passed to handler.
- If you use the http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ plugin, you can also assign jQuery mouse events to children of a touchSwipe object.
* **1.1.0** *2011-21-02*
- added `allowPageScroll` property to allow swiping and scrolling of page
- changed handler signatures so one handler can be used for multiple events
* **1.0.1** *2010-12-12*
- removed multibyte comments
* **1.0.0** *2010-12-12*
- feature complete

View File

@ -1,9 +0,0 @@
{
"name": "jquery-touchswipe",
"version": "1.6.6",
"main": "./jquery.touchSwipe.js",
"repository": {
"type": "git",
"url": "git://github.com/mattbryson/TouchSwipe-Jquery-Plugin.git"
}
}

View File

@ -1,49 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$("#test").text("You swiped " + direction + " with " + fingerCount + " fingers");
},
threshold:0,
fingers:'all'
});
});
</script>
<span class='title'></span>
<h4>Events: <span class='events'><code>swipe</code></span></h4>
<h4>properties: <span class='properties'><code>fingers</code></span></h4>
<p>By setting the number of <code>fingers</code> to 'all', any number of fingers will trigger the swipe.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">Swipe me with different combinations of fingers</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,48 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
//Enable swiping...
$("#test").swipe( {
//Generic swipe handler for all directions
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$(this).text("You swiped " + direction );
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold:0
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>swipe</code>,<code>swipeLeft</code>, <code>swipeRight</code>, <code>swipeUp</code>, <code>swipeDown</code></span></h4>
<p>By using the <code>swipe</code> handler, you can detect all 4 directions, or use the individual methods <code>swipeLeft</code>, <code>swipeRight</code>, <code>swipeUp</code>, <code>swipeDown</code></p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">Swipe me</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,95 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
//Assign handlers to the simple direction handlers.
var swipeOptions=
{
swipe:swipe,
threshold:0
}
$(function()
{
$("#disable").click(function(){
if($("#test").swipe("disable"))
$("#test").text("Swipe me and nothing happens");
});
$("#enable").click(function(){
if($("#test").swipe("enable"))
$("#test").text("Now I can be Swiped again");
});
$("#destroy").click(function(){
if($("#test").swipe("destroy"))
$("#test").text("I am no longer a touch swipe element");
});
$("#init").click(function(){
if( $("#test").swipe( swipeOptions ) )
{
$("#test").data('count', 0);
$("#test").text("I am now a touch swipe element");
}
});
$("#test").swipe( swipeOptions );
$("#test2").swipe( swipeOptions );
});
//Swipe handlers.
//The only arg passed is the original touch event object
function swipe(event, direction)
{
var count = this.data('count') ? this.data('count') + 1 : 1;
this.data('count', count);
this.text("You swiped " + direction + ". You swiped " + count + " times");
}
</script>
<span class='title'></span>
<h4>methods: <span class="methods"><code>enable</code>, <code>disable</code>, <code>destroy</code></span></h4>
<p>By using the <code>enable</code>, <code>disable</code> and <code>destroy</code> methods, you can temporarily disable interaction with a swipe element, or completely destroy it, which requires re instantiation.</br>
</p>
<span class='navigation'></span>
</br>
<div class="btn-group">
<button class='btn' id="disable">disable</button>
<button class='btn' id="enable">enable</button>
<button class='btn'id="destroy">destroy</button>
<button class='btn' id="init">init</button>
</div>
<div id="test" class="box">Swipe me</div>
<br/><br/>
<div id="test2" class="box">Swipe me - Im not affected by the above...</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,88 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
var swipeCount1=0;
var swipeCount2=0;
$("#test").swipe( {
swipe:function() {
swipeCount1++;
$("#textText1").html("You swiped " + swipeCount1 + " times");
},
threshold:0
//By default, these are all excluded : button, input, select, textarea, a, .noSwipe
});
//Enable swiping...
$("#test2").swipe( {
swipe:function() {
swipeCount2++;
$("#textText2").html("You swiped " + swipeCount2 + " times");
},
threshold:0,
//By default the value of $.fn.swipe.defaults.excludedElements is "button, input, select, textarea, a, .noSwipe, "
//To replace or clear the list, re set the excludedElements array.
//To append to it, do the following (dont forget the proceeding comma) ...
excludedElements:$.fn.swipe.defaults.excludedElements+", #some_other_div"
});
});
</script>
<span class='title'></span>
<h4>property: <span class='properties'><code>excludedElements</code></span></h4>
<p>If you want to exclude certain child elements from triggering swipes, you can simply add a <code>.noSwipe</code> class to the element. Then the element and any of its children will no longer trigger the swipe.
<p>Also, a jQuery selector is used to exclude input elements as well as the <code>.noSwipe</code> elements. By default all <code>button</code>, <code>input</code>, <code>select</code>, <code>textarea</code> and <code>a</code> elements are excluded.
So either add a <code>.noSwipe</code> class the element, or set your own selector in the excludedElements property.
</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">
<div id="textText1">Swipe me, the child elements will not trigger swipes by default</div><br/>
<form>
<input type="text" value="Im not swipeable" />
<input type="button" value="Im not swipeable" />
<textarea>Im not swipeable</textarea>
</form>
<div id="another_div" class="box noSwipe" style="width:400px;height:100px;background:#000"><h3>Im am NOT swipeable because my class is .noSwipe</h3></div>
</div>
<div id="test2" class="box">
<div id="textText2">Swipe me, the child elements will not trigger swipes as they have been explicitly excluded</div><br/>
<form>
<input type="text" value="Im not swipeable" />
<input type="button" value="Im not swipeable" />
<textarea>Im not swipeable</textarea>
</form>
<div id="some_other_div" class="box" style="width:400px;height:100px;background:#000"><h3>Im am NOT swipeable because my im added to the excludedElements array</h3></div>
</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,57 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
swipeStatus:function(event, phase, direction, distance, duration, fingers, fingerData) {
if(phase==$.fn.swipe.phases.PHASE_START) {
$(this).text("moving...");
}
if(phase==$.fn.swipe.phases.PHASE_CANCEL) {
$(this).text("swipe cancelled (due to finger count) " );
}
},
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$(this).text("You swiped " + direction + " with " + fingerCount + " fingers");
},
threshold:0,
fingers:2
});
});
</script>
<span class='title'></span>
<h4>property: <span class='properties'><code>fingers</code></span></h4>
<p>By setting the number of <code>fingers</code> to 2, you can detect ONLY 2 finger swipes, likewise for 3 fingers.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<span class='navigation'></span>
<div id="test" class="box">Swipe me with 2 fingers</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,128 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!-- use the jquery.ui.ipad.js plugin to translate touch events to mouse events -->
<script type="text/javascript" src="js/jquery.ui.ipad.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#register_btn").click(function() {
if($(this).text() == "Register Events") {
registerEvents();
} else {
deRegisterEvents();
}
});
// Create the swipe object, and assign the callbacks
$("#test").swipe( {
tap:function(event, target) {
log("tap from callback");
},
hold:function(event, target) {
log("hold from callback");
},
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
log("swipe from callback");
},
swipeLeft:function(event, distance, duration, fingerCount, fingerData) {
log("swipeLeft from callback");
},
swipeRight:function(event, distance, duration, fingerCount, fingerData) {
log("swipeRight from callback");
},
swipeUp:function(event, distance, duration, fingerCount, fingerData) {
log("swipeUp from callback");
},
swipeDown:function(event, distance, duration, fingerCount, fingerData) {
log("swipeDown from callback");
},
swipeStatus:function(event, phase, direction, distance, duration, fingers, fingerData) {
log("swipeStatus from callback");
},
pinchIn:function(event, direction, distance, duration, fingerCount, pinchZoom, fingerData) {
log("pinchIn from callback");
},
pinchOut:function(event, direction, distance, duration, fingerCount, pinchZoom, fingerData) {
log("pinchOut from callback");
},
pinchStatus:function(event, phase, direction, distance , duration , fingerCount, pinchZoom, fingerData) {
log("pinchStatus from callback");
},
fingers:$.fn.swipe.fingers.ALL
});
//Now assign the event handlers as well
var events = ['tap','hold', 'swipe','swipeLeft','swipeRight','swipeUp','swipeDown','swipeStatus','pinch','pinchIn','pinchOut','pinchStatus'];
function registerEvents() {
for(var i in events) {
$("#test").on( events[i], logEvent);
}
$("#register_btn").text("Remove Events").removeClass('btn-success').addClass('btn-danger');
}
function deRegisterEvents() {
for(var i in events) {
$("#test").off( events[i], logEvent);
}
$("#register_btn").text("Register Events").removeClass('btn-danger').addClass('btn-success');
}
function logEvent(event) {
log("<b>" + event.type + " from event handler</b>");
}
function log(msg) {
$("#test").html( msg + "<br />" + $("#test").html() );
}
registerEvents();
});
</script>
<script>
$(function() {
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>tap</code> <code>hold</code> <code>swipe</code> <code>swipeLeft</code> <code>swipeRight</code> <code>swipeUp</code> <code>swipeDown</code> <code>swipeStatus</code> <code>pinch</code> <code>pinchIn</code> <code>pinchOut</code> <code>pinchStatus</code></span> </h4>
<b>See the <a href="../docs/symbols/%24.fn.swipe.html#event:click"><u>docs</u></a> for more on each event</b>
<p>You can either assign callback methods as part of the options object, or you can assign
event handlers using the jQuery <code>on</code>/<code>off</code> event registration.</p>
<p>The example below logs both from the callback and the event handlers. The Remove Events button will remove the
event bindings, and then only the callbacks will be logged. Event logs are bold, callbacks are normal.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<br/>
<button class='btn btn-danger' id="register_btn"></button>
<div id="test" class="box" style="font-size:10px;"></div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,61 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!-- use the jquery.ui.ipad.js plugin to translate touch events to mouse events -->
<script type="text/javascript" src="js/jquery.ui.ipad.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
//Enable swiping...
$("#test").swipe( {
hold:function(event, target) {
$("#textText").html("You held the tap until the longTapthreshold was reached" );
},
threshold:50
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>tap</code>, <code>hold</code></span></h4>
<h4>properties: <span class='properties'><code>longTapThreshold</code></span></h4>
<p>You can also detect if the user holds their finger down until the longTapthreshold is met<br/>
The <code>hold</code> handler is passed the original event object and the target that was clicked.
<br/></p>
<p class="muted">If you use the jquery.ui.ipad.js plugin (http://code.google.com/p/jquery-ui-for-ipad-and-iphone/) you can then also pickup
standard jQuery mouse events on children of the touchSwipe object.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">
<div id="textText">Hold me :)</div><br/>
</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,148 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet"/>
<link href="css/main.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript"
src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
<style>
#content {
height: 340px;
width: 500px;
overflow: hidden;
position: relative;
border: 1px solid black;
}
#imgs {
float: left;
display: inline;
padding: 0;
margin: 0;
width: 1510px;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
/*apply a transform to kick in the hardware acceleration. Without this, the first
time we add the transform you get odd rendering of the divs (half missing) */
transform: translate(0, 0);
}
#imgs img {
padding: 0;
margin: 0;
width: 500px;
height: 340px;
/*apply a transform to kick in the hardware acceleration. Without this, the first
time we add the transform you get odd rendering of the divs (half missing) */
transform: translate(0, 0);
}
</style>
<script id='code_1'>
var IMG_WIDTH = 500;
var currentImg = 0;
var maxImages = 3;
var speed = 500;
var imgs;
var swipeOptions = {
triggerOnTouchEnd: true,
swipeStatus: swipeStatus,
allowPageScroll: "vertical",
threshold: 75
};
$(function () {
imgs = $("#imgs");
imgs.swipe(swipeOptions);
});
/**
* Catch each phase of the swipe.
* move : we drag the div
* cancel : we animate back to where we were
* end : we animate to the next image
*/
function swipeStatus(event, phase, direction, distance) {
//If we are moving before swipe, and we are going L or R in X mode, or U or D in Y mode then drag.
if (phase == "move" && (direction == "left" || direction == "right")) {
var duration = 0;
if (direction == "left") {
scrollImages((IMG_WIDTH * currentImg) + distance, duration);
} else if (direction == "right") {
scrollImages((IMG_WIDTH * currentImg) - distance, duration);
}
} else if (phase == "cancel") {
scrollImages(IMG_WIDTH * currentImg, speed);
} else if (phase == "end") {
if (direction == "right") {
previousImage();
} else if (direction == "left") {
nextImage();
}
}
}
function previousImage() {
currentImg = Math.max(currentImg - 1, 0);
scrollImages(IMG_WIDTH * currentImg, speed);
}
function nextImage() {
currentImg = Math.min(currentImg + 1, maxImages - 1);
scrollImages(IMG_WIDTH * currentImg, speed);
}
/**
* Manually update the position of the imgs on drag
*/
function scrollImages(distance, duration) {
imgs.css("transition-duration", (duration / 1000).toFixed(1) + "s");
//inverse the number we set in the css
var value = (distance < 0 ? "" : "-") + Math.abs(distance).toString();
imgs.css("transform", "translate(" + value + "px,0)");
}
</script>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"
alt="Fork me on GitHub"></a>
<div class="container">
<p>Below is a very simple image gallery to demonstrate how to implement touchSwipe.<br/><br/>
Swipe the images below left and right. Swipe up and down will scroll the page. Uses HTML5
CSS to animate.</p>
<br/>
<div id="content">
<div id="imgs">
<img src="https://lh4.googleusercontent.com/_D9-nzLCi9qU/TNQ2hYNqQEI/AAAAAAAADtI/TcqCdc6N26A/s500/twick_pool_stairs~.jpg"/>
<img src="https://lh6.googleusercontent.com/_D9-nzLCi9qU/TNQ2gdP8JYI/AAAAAAAADtI/NU2WBbaXpgU/s500/twick_pool_stairsAndChanginRoom~.jpg"/>
<img src="https://lh4.googleusercontent.com/_D9-nzLCi9qU/TNQ2UWpqLgI/AAAAAAAADtI/-OG4z6RxHwA/s500/twick_pool_hall~.jpg"/>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,75 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function()
{
$("#getThreshold").click(function(){
alert( $("#test").swipe("option", "threshold") );
});
$("#setThreshold").change(function(){
$("#test").swipe("option", "threshold", $(this).val() );
});
$("#test").swipe( {
threshold:200,
swipe:function(event, direction, distance, duration, fingerCount)
{
this.text("You swiped " + distance + "px");
}
});
});
</script>
<span class='title'></span>
<h4>methods: <span class='methods'><code>option</code></span></h4>
<p>By using the <code>option</code> method, you can change any of the init option properties at run time.</br>
<b>see the <a href="../docs/symbols/%24.fn.swipe.defaults.html"><u>docs</u></a> for more info.
</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
</br>
<select class='btn' id="setThreshold">
<option>20</option>
<option>50</option>
<option>100</option>
<option>200</option>
<option>500</option>
<option>1000</option>
</select>
<button class='btn' id="getThreshold">Get Threshold</button>
<div id="test" class="box">Swipe me</div>
<br/><br/>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,99 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test1").swipe( { fingers:'all', swipeLeft:swipe1, swipeRight:swipe1, allowPageScroll:"auto"} );
$("#test2").swipe( { swipeLeft:swipe1, allowPageScroll:"none"} );
$("#test3").swipe( { swipeLeft:swipe2, swipeRight:swipe2} );
$("#test4").swipe( { swipeStatus:swipe2, allowPageScroll:"vertical"} );
$("#test5").swipe( { swipeStatus:swipe2, allowPageScroll:"horizontal" } );
//Swipe handlers.
function swipe1(event, direction, distance, duration, fingerCount) {
$(this).text( "You have swiped " + direction +' with ' + fingerCount +' fingers' );
}
function swipe2(event, phase, direction, distance) {
$(this).text( phase +" you have swiped " + distance + "px in direction:" + direction );
}
});
</script>
<span class='title'></span>
<h4>property: <span class='properties'><code>allowPageScroll</code></span></h4>
<p>You can set how page scrolling is handled by the browser when the user is interacting with a touchSwipe object.
<br/>There are 4 possible settings for the <code>allowPageScroll</code> option. These can be strings, or use the plugin constants in </code>$.fn.swipe.pageScroll</code>
<ul>
<li><code>auto</code> or <code>$.fn.swipe.pageScroll.AUTO</code> <br/>scrolling will only occur if a user swipes in a direction for which you have NOT defined a swipe handler. E.g If only <i>swipeLeft</i> is defined, then a RIGHT, UP or DOWN swipe would cause the page to scroll.</li>
<li><code>none</code> or <code>$.fn.swipe.pageScroll.NONE</code> <br/>scrolling will never occur.</li>
<li><code>horizontal</code> or <code>$.fn.swipe.pageScroll.HORIZONTAL</code> <br/>horizontal swipes will cause the page to scroll.</li>
<li><code>vertical</code> or <code>$.fn.swipe.pageScroll.VERTICAL</code> <br/>vertical swipes will cause the page to scroll.</li>
</ul>
<br>
NOTE: if the general <code>swipe</code> or <code>swipeStatus</code> handlers are specificed, then <code>allowPageScroll</code> will be dissabled by default, as they detect swipes in all directions.
To use scrolling AND the <code>swipe</code> handler, set <code>allowPageScroll</code> to the direction you want the user to be able to scroll.
</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<span class='navigation'></span>
<br><br>
<b>allowPageScroll = "auto" or $.fn.swipe.pageScroll.AUTO</b>
<br><b>Swipe Left or Right </b>The swipe will trigger but the page will NOT scroll.
<br><b>Swipe Up or Down </b>The page will scroll as there is no up or down swipe handler.<br>
<div class="box" id="test1">Swipe me</div>
<br><br>
<b>allowPageScroll = "none" or $.fn.swipe.pageScroll.NONE</b>
<br><b>Swipe Left </b>The swipe will trigger but the page will NOT scroll.
<br><b>Swipe right, Up or Down </b>No swipe handler is defined, so nothihng happens and the page will NOT scroll.<br>
<div class="box" id="test2">Swipe me</div>
<br><br>
<b>allowPageScroll = "horizontal" or $.fn.swipe.pageScroll.HORIZONTAL</b>
<br>Swipe left and right are triggered<br>
<div class="box" id="test3">Swipe me</div>
<br><br>
<b>allowPageScroll = "vertical" or $.fn.swipe.pageScroll.VERTICAL</b>
<br/>
<b>With the general <code>swipe</code> or <code>swipeStatus</code> handlers</b>
<br>These enable all 4 directions, but here we have set <code>allowPageScroll</code> to "vertical" so the user can scroll up and down, and swipe left and right with the general <code>swipe</code> handler.<br>
<br>Note how the vertical swipe is hit and miss. As soon as the page starts scrolling, the user is no longer swiping across the object.
<div class="box" id="test4" >Swipe me</div>
<br><br>
<b>allowPageScroll = "vertical" or $.fn.swipe.pageScroll.HORIZONTAL</b>
<br/>
<b>Vertical, but WITH the general <code>swipe</code> or <code>swipeStatus</code> handlers</b>
<br>These enable all 4 directions, but here we have set <code>allowPageScroll</code> to "vertical" so the user can scroll up and down, and swipe left and right with the general <code>swipe</code> handler.<br>
<br>Note how the vertical swipe is hit and miss. As soon as the page starts scrolling, the user is no longer swiping across the object.
<div class="box" id="test5" >Swipe me</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,50 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<!--
NOTE viewport is set so user can scale
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
swipeLeft:function(event, direction, distance, duration, fingerCount) {
$(this).text("You swiped " + direction );
},
fingers:1,
threshold:0
});
});
</script>
<span class='title'></span>
<h4>property: <span class='properties'><code>fingers</code></span></h4>
<p>If just one <code>finger</code> is set for swipes, at the meta tag enables user-scaling, then page zooms will bubble up and trigger.</p>
<pre class="prettyprint lang-html">&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/&gt;</pre>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<span class='navigation'></span>
<div id="test" class="box">I only swipe left, but you can pinch zoom me as I only capture 1 finger</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,57 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<!--
NOTE viewport is set so user can scale
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
pinchIn:function(event, direction, distance, duration, fingerCount, pinchZoom)
{
$(this).text("You pinched " +direction + " by " + distance +"px, zoom scale is "+pinchZoom);
},
pinchOut:function(event, direction, distance, duration, fingerCount, pinchZoom)
{
$(this).text("You pinched " +direction + " by " + distance +"px, zoom scale is "+pinchZoom);
},
pinchStatus:function(event, phase, direction, distance , duration , fingerCount, pinchZoom) {
$(this).html("Pinch zoom scale "+pinchZoom+" <br/>Distance pinched "+distance+" <br/>Direction " + direction);
},
fingers:2,
pinchThreshold:0
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>pinchIn</code>, <code>pinchOut</code></span></h4>
<p>You can also trigger pinch events, <code>pinchIn</code> will trigger when a user has completed a pinch in event, and <code>pinchOut</code> will trigger when a user has pinched out.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">Pinch me</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,81 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<!--
NOTE viewport is set so user can scale
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
swipeStatus:function(event, phase, direction, distance , duration , fingerCount) {
$(this).find('#swipe_text').text("swiped " + distance + ' px');
if(phase === $.fn.swipe.phases.PHASE_END || phase === $.fn.swipe.phases.PHASE_CANCEL) {
//The handlers below fire after the status,
// so we can change the text here, and it will be replaced if the handlers below fire
$(this).find('#swipe_text').text("No swipe was made");
}
},
pinchStatus:function(event, phase, direction, distance , duration , fingerCount, pinchZoom) {
$(this).find('#pinch_text').text("pinched " + distance + " px ");
if(phase === $.fn.swipe.phases.PHASE_END || phase === $.fn.swipe.phases.PHASE_CANCEL) {
//The handlers below fire after the status,
// so we can change the text here, and it will be replaced if the handlers below fire
$(this).find('#pinch_text').text("No pinch was made");
}
},
swipe:function(event, direction, distance, duration, fingerCount) {
$(this).find('#swipe_text').text("You swiped " + direction + " with " + fingerCount + " fingers");
},
pinchIn:function(event, direction, distance, duration, fingerCount, pinchZoom) {
$(this).find('#pinch_text').text("You pinched " +direction + " by " + distance +"px, zoom scale is "+pinchZoom);
},
pinchOut:function(event, direction, distance, duration, fingerCount, pinchZoom) {
$(this).find('#pinch_text').text("You pinched " +direction + " by " + distance +"px, zoom scale is "+pinchZoom);
},
fingers:$.fn.swipe.fingers.ALL
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>pinchStatus</code>, <code>swipeStatus</code></span><h4>
<h4>properties: <span class='properties'><code>pinchThreshold</code></span></h4>
<p>You can combine both <code>pinch</code> and <code>swipe</code> events. As the user can simultaneously pinch and swipe, both events are tirggered at the same time.<br/>
The <code>pinchThreshold</code> property sets how far the user must pinch before it is considered a pinch. The default is 20px. This is useful when trying to elimate slight pinch movement when the user is actually swiping.
</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">
<div id='swipe_text'>Pinch me</div>
<div id='pinch_text'></div>
</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,50 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<!--
NOTE viewport is set so user can scale
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
pinchStatus:function(event, phase, direction, distance , duration , fingerCount, pinchZoom, fingerData) {
$(this).html("Pinch zoom " + pinchZoom + " <br/>Distance pinched " + distance +" <br/>Direction " + direction);
},
fingers:2,
threshold:0
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>pinchStatus</code></span></h4>
<p>You can also get the current status of a <code>pinch</code>, which can be used in place of the other pinch methods. The <code>pinchStatus</code> reports <code>phase</code>, <code>direction</code>, <code>distance</code>, <code>duration</code>, <code>fingerCount</code> and <code>pinchZoom</code>.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">Pinch me</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,51 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
//Keep track of how many swipes
var count=0;
//Enable swiping...
$("#test").swipe( {
//Generic swipe handler for all directions
swipeLeft:function(event, direction, distance, duration, fingerCount) {
$(this).text("You swiped " + direction + " " + ++count + " times " );
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold:0
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>swipeLeft</code>, <code>swipeRight</code>, <code>swipeUp</code>, <code>swipeDown</code>, <code>swipe</code></span></h4>
<p>By using just one handler <code>swipeLeft</code> you can detect ONLY left swipes. There are handlers for each direction, as well as the generic <code>swipe</code> handler.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">I only swipe left</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,57 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
//Enable swiping...
$("#test").swipe( {
swipeStatus:function(event, phase, direction, distance, fingerCount) {
var str = "";
switch (phase) {
case "start" : str="Started"; break;
case "move" : str="You have moved " + distance +" pixels, past 200 and the handler will fire"; break;
case "end" : str="Handler fired, you swiped " + direction; break;
case "cancel" : str="cancel handler fired"; break;
}
$(this).text(str);
//This will cancel the current swipe and immediately re run this handler with a cancel event
return false;
}
});
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>swipeStatus</code></span></h4>
<p>In your event handlers, you can return a value of false if you want to manually cancel the swipe. This will trigger the 'cancel' event.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<span class='navigation'></span>
<div id="test" class="box">Swipe will start, but then cancel as the event handler returns false</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,81 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
//Enable swiping...
$("#test").swipe( {
swipeStatus:function(event, phase, direction, distance, duration, fingers)
{
var str = "<h4>Swipe Phase : " + phase + "<br/>";
str += "Direction from inital touch: " + direction + "<br/>";
str += "Distance from inital touch: " + distance + "<br/>";
str += "Duration of swipe: " + duration + "<br/>";
str += "Fingers used: " + fingers + "<br/></h4>";
//Here we can check the:
//phase : 'start', 'move', 'end', 'cancel'
//direction : 'left', 'right', 'up', 'down'
//distance : Distance finger is from initial touch point in px
//duration : Length of swipe in MS
//fingerCount : the number of fingers used
if (phase!="cancel" && phase!="end") {
if (duration<5000)
str +="Under maxTimeThreshold.<h3>Swipe handler will be triggered if you release at this point.</h3>"
else
str +="Over maxTimeThreshold. <h3>Swipe handler will be canceled if you release at this point.</h3>"
if (distance<200)
str +="Not yet reached threshold. <h3>Swipe will be canceled if you release at this point.</h3>"
else
str +="Threshold reached <h3>Swipe handler will be triggered if you release at this point.</h3>"
}
if (phase=="cancel")
str +="<br/>Handler not triggered. <br/> One or both of the thresholds was not met "
if (phase=="end")
str +="<br/>Handler was triggered."
$("#test").html(str);
},
threshold:200,
maxTimeThreshold:5000,
fingers:'all'
});
});
</script>
<span class='title'></span>
<h4>event: <span class='events'><code>swipeStatus</code></span></h4>
<p>You can also get the current status of the swipe, which can be used in place of all other methods. The status reports <code>phase</code>, <code>direction</code>, <code>distance</code>, <code>duration</code> and <code>fingerCount</code>.
Below has a 200px threshold and a 5 second time limit
</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<span class='navigation'></span>
<div id="test" class="box">Swipe me</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,102 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!-- use the jquery.ui.ipad.js plugin to translate touch events to mouse events -->
<script type="text/javascript" src="js/jquery.ui.ipad.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
var tapCount=0;
var doubleTapCount=0;
var longTapCount=0;
var swipeCount=0;
var blackCount=0;
//Enable swiping...
$("#test").swipe( {
tap:function(event, target) {
tapCount++;
msg(target);
},
doubleTap:function(event, target) {
doubleTapCount++;
msg(target);
},
longTap:function(event, target) {
longTapCount++;
msg(target);
},
swipe:function() {
swipeCount++;
$("#textText").html("You swiped " + swipeCount + " times");
},
threshold:50
});
//Assign a click handler to a child of the touchSwipe object
//This will require the jquery.ui.ipad.js to be picked up correctly.
$("#another_div").click( function(){
blackCount++;
$("#another_div").html("<h3 id='div text'>jQuery click handler fired on the black div : you clicked the black div "+
blackCount + " times</h3>");
});
function msg(target) {
$("#textText").html("You tapped " + tapCount +", double tapped " + doubleTapCount + " and long tapped " + longTapCount + " times on " + $(target).attr("id"));
}
});
</script>
<span class='title'></span>
<h4>events: <span class='events'><code>tap</code>, <code>doubleTap</code>, <code>longTap</code>, <code>swipe</code></span></h4>
<h4>properties: <span class='properties'><code>longTapThreshold</code>, <code>doubleTapThreshold</code></span></h4>
<p>You can also detect if the user simply taps and does not swipe with the <code>tap</code> handler<br/><br/>
The <code>tap</code>, <code>doubleTap</code> and <code>longTap</code> handler are passed the original event object and the target that was clicked.
<br/><br/>
<b>See also the <a href="Hold.html"><code>hold</code></a> event for when a long tap reaches the <code>longTapThreshold</code></b>
<br/>
</p>
<p class="muted">If you use the jquery.ui.ipad.js plugin (http://code.google.com/p/jquery-ui-for-ipad-and-iphone/) you can then also pickup
standard jQuery mouse events on children of the touchSwipe object.</p>
<p>You can set the delay between taps which defines a double tap, and the length of a long tap with the <code>doubleTapThreshold</code> and <code>longTapThreshold</code> properties.</p>
<p>Note: If you assign both tap and double tap, you tap events will be delayed by the length of <code>doubleTapThreshold</code> as it waits to see if its a double before trigger the event</p>
<p class="muted"><code>tap</code> replaces the old <code>click</code> handler for naming consistency. Since the introduction of event
triggering as well as callbacks, the plugin cannot trigger a <code>click</code> event as it clashes with the jQ click event,
so both the event and callback are called <code>tap</code>. For backwards compatibility, the <code>click</code> callback will still work
but there is no click event. You must use the <code>tap</code> event when binding with <code>on</code> or <code>bind</code></p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src='code_1'></pre>
<span class='navigation'></span>
<div id="test" class="box">
<div id="textText">Swipe, Tap, Double Tap or Long Tap me</div><br/>
<div id="a_div" class="box" style="width:150px;height:50px;background:#666"><h3 id='a_div_text'>Im just a child div</h3></div>
<div id="another_div" class="box" style="width:200px;height:100px;background:#000"><h3>Im a child div with my own jQuery click handler</h3></div>
</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,109 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
$("#test").swipe( {
swipe:function(event, direction) {
$(this).text("You swiped " + direction);
},
swipeStatus:function(event, phase) {
if (phase=="cancel") {
$(this).text("You didnt swipe far enough ");
}
},
threshold:200
});
});
</script>
<script id='code_2'>
$(function() {
$("#test2").swipe( {
swipe:function(event, direction) {
$(this).text("You swiped " + direction );
},
swipeStatus:function(event, phase) {
if (phase=="cancel") {
$("#test2").text("Your swipe was too slow ");
}
},
maxTimeThreshold:1000,
threshold:null,
triggerOnTouchEnd:false
});
});
</script>
<script id='code_3'>
$(function() {
$("#test3").swipe( {
swipe:function(event, direction) {
$(this).text("You swiped " + direction );
},
swipeStatus:function(event, phase, direction, distance, duration, fingers) {
$("#test3").text(" Your have swiped " + distance + " px so far");
if(distance>200) {
$("#test3").text(" Now swipe back 10px and release to cancel.. distance = " + distance + "px");
}
if (phase=="cancel") {
$("#test3").text(" You cancelled the swipe");
}
},
threshold:200,
cancelThreshold:10
});
});
</script>
<span class='title'></span>
<h4>property: <span class='properties'><code>threshold</code></span></h4>
<p>By setting the <code>threshold</code> you can set how far the user must swipe before it is considered a swipe. <br/>Swipe at least 200px</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<span class='navigation'></span>
<div id="test" class="box">Swipe me for at least 200 px</div>
<h4>property: <span class='properties'><code>cancelThreshold</code></span><h4>
<p>By setting the <code>cancelThreshold</code> you can set the minimum distance in px that the user needs to swipe back to cancel the current swipe, even if they have passed the main <code>threshold</code></p>
<pre class="prettyprint lang-js" data-src="code_3"></pre>
<div id="test3" class='box'>Swipe me for at least 200 px, then back 10px to cancel</div>
<h4>property: <span class='properties'><code>maxTimeThreshold</code></span><h4>
<p>By setting the <code>maxTimeThreshold</code> you can set the maximum time the user has to complete the swipe. A swipe LONGER than this is cancelled. This can be useful for ignoring long slow swipes. <br/>Swipe in under 500ms</p>
<pre class="prettyprint lang-js" data-src="code_2"></pre>
<div id="test2" class='box'>Swipe me within 1000 ms</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,158 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<script id='code_1'>
$(function() {
//Enable swiping...
$("#test").swipe( {
swipeStatus:function(event, phase, direction, distance)
{
var str = "";
if (phase=="move")
str="You have moved " + distance +" pixels, past 200 and the handler will fire";
if (phase=="end")
str="Handler fired, you swiped " + direction;
$(this).text(str);
},
triggerOnTouchEnd:false,
threshold:200
});
});
</script>
<script id='code_2'>
$(function() {
$("#test2").swipe( {
swipeStatus:function(event, phase, direction, distance, duration)
{
var str = "";
if (phase=="move")
str="You have moved for " + duration +" ms, If you go over 5000 the swipe will cancel";
if (phase=="cancel")
str="You took to long and the swipe was canceled";
if (phase=="end")
str="Handler fired, you swiped " + direction;
$(this).text(str);
},
triggerOnTouchEnd:false,
maxTimeThreshold:5000,
threshold:null
});
});
</script>
<script id='code_3'>
$(function() {
$("#test3").swipe( {
swipeStatus:function(event, phase, direction, distance, duration)
{
var str = "";
if (phase=="move")
str="You have moved " + distance +" px, If you leave the swipe object, the swipe will end";
if (phase=="end")
str="The swipe has ended"
$(this).text(str);
},
triggerOnTouchLeave:true,
threshold:null
});
});
</script>
<script id='code_4'>
$(function() {
$("#test4").swipe( {
swipeStatus:function(event, phase, direction, distance, duration)
{
var str = "";
if (phase=="move") {
str="You have moved " + distance +" pixels, past 200 and the handler will fire <br/>";
str+="You have moved for " + duration +" ms, If you go over 5000 the swipe will cancel <br/>";
str+="If you leave the swipe object, and have made the distance, the swipe will end <br/>";
str+="If you leave the swipe object, and have NOT made the distance, the swipe will cancel ";
}
if (phase=="end") {
str="Handler fired, you met the thresholds:<br/>";
str+=distance+"px (over 500px required) <br/>";
str+=duration+"ms (under 5000ms required) <br/>";
}
if (phase=="cancel") {
str="You didn't meet the thresholds, cancel was fired:<br/>";
str+=distance+"px (over 500px required) <br/>";
str+=duration+"ms (under 5000ms required) <br/>";
}
$(this).html(str);
},
triggerOnTouchEnd:false,
triggerOnTouchLeave:true,
maxTimeThreshold:5000,
threshold:500
});
});
</script>
<span class='title'></span>
<h4>properties: <span class='properties'><code>triggerOnTouchEnd</code>, <code>triggerOnTouchLeave</code></span></h4>
<p>With <code>triggerOnTouchEnd</code> you can trigger the <code>swipe</code> end handler either when the user releases (default) or when the user has swiped the distance / time of the thresholds (but is still swiping).</p>
<p>With <code>triggerOnTouchLeave</code> you can end the event if the user swipes off the element</p>
<p>Swipe below, and the swipeEnd handler will trigger when you have swiped 200 px.</p>
<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
<pre class="prettyprint lang-js" data-src="code_1"></pre>
<script>getNavigation();</script>
<div id="test" class="box">Swipe over 200px and the swipe event will fire</div>
<pre class="prettyprint lang-js" data-src="code_2"></pre>
<span class='navigation'></span>
<div id="test2" class="box">Swipe in under 5000ms and the swipe event will fire</div>
<pre class="prettyprint lang-js" data-src="code_3"></pre>
<span class='navigation'></span>
<div id="test3" class="box">Swipe out of this box and the swipe event will end</div>
<pre class="prettyprint lang-js" data-src="code_4"></pre>
<span class='navigation'></span>
<div id="test4" class="box">Time, distance and trigger on END and trigger on Leave set..</div>
<span class='navigation'></span>
</div>
</body>
</html>

View File

@ -1,110 +0,0 @@
.pagination
{
width:100%;
margin-top:20px;
margin-bottom:20px;
}
.clear
{
clear:both;
}
.pagination a
{
font-size: 12px;
line-height: 18px;
}
.container
{
max-width:768px;
margin-bottom:20px;
}
.box
{
margin-top:20px;
margin-bottom:20px;
max-width:768px;
height:300px;
padding: 10px;
background-color: #EEE;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align:center;
font-weight: 300;
font-size: 20px;
line-height: 36px;
overflow:hidden;
}
body
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333;
}
h1
{
margin-top:36px;
margin-bottom:5px;
}
h2
{
font-size: 30px;
line-height: 36px;
font-weight: 300;
margin-bottom:0px;
}
h3
{
margin-top:0px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
color:#999;
}
h4
{
margin-top:0px;
font-size: 12px;
line-height: 24px;
font-weight: 300;
color:#333;
}
a
{
text-decoration:none;
color:#333;
}
p {
margin-top:10px;
}
.prettyprint {
font-size:10px;
}
.example_btn {
margin-bottom:10px;
}
.properties code,
.methods code,
.events code {
cursor: pointer;
text-decoration: underline;
}

View File

@ -1,79 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>touchSwipe</title>
<script type="text/javascript">
//Google analyitics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19862780-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="container">
<div class="page-header">
<h1>TouchSwipe <small>a jQuery plugin for touch devices</small></h1>
<br/>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Flabs.skinkers.com%2FtouchSwipe%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<p>TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc.</p>
</div>
<h1>Features</h1>
<ul>
<li>Detects swipes in 4 directions, "up", "down", "left" and "right"</li>
<li>Detects pinches "in" and "out"</li>
<li>Supports single finger or double finger touch events</li>
<li>Supports click events both on the touchSwipe object and its child objects</li>
<li>Definable threshold / maxTimeThreshold to determin when a gesture is actually a swipe</li>
<li>Events triggered for swipe "start","move","end" and "cancel"</li>
<li>End event can be triggered either on touch release, or as soon as threshold is met</li>
<li>Allows swiping and page scrolling</li>
<li>Disables user input elements (Button, form, text etc) from triggering swipes</li>
</ul>
<h1>Docs</h1>
<ul>
<li><a href='../docs/symbols/%24.fn.swipe.html' target='docs'>Plugin Documentation</a></li>
</ul>
<h1>Options</h1>
<ul>
<li>See the defaults page in the documentation: <a href='../docs/symbols/%24.fn.swipe.defaults.html' target='docs'>$.fn.swipe.defaults</a></li>
</ul>
<h1>Demos</h1>
<span class='navigation_list'></span>
</div>
<hr/>
</body>
</html>

View File

@ -1,223 +0,0 @@
/**
* jQuery.UI.iPad plugin
* Copyright (c) 2010 Stephen von Takach
* licensed under MIT.
* Date: 27/8/2010
*
* Project Home:
* http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
*/
$(function() {
//
// Extend jQuery feature detection
//
$.extend($.support, {
touch: typeof Touch == "object"
});
//
// Hook up touch events
//
if ($.support.touch) {
document.addEventListener("touchstart", iPadTouchHandler, false);
document.addEventListener("touchmove", iPadTouchHandler, false);
document.addEventListener("touchend", iPadTouchHandler, false);
document.addEventListener("touchcancel", iPadTouchHandler, false);
}
});
var lastTap = null; // Holds last tapped element (so we can compare for double tap)
var tapValid = false; // Are we still in the .6 second window where a double tap can occur
var tapTimeout = null; // The timeout reference
function cancelTap() {
tapValid = false;
}
var rightClickPending = false; // Is a right click still feasible
var rightClickEvent = null; // the original event
var holdTimeout = null; // timeout reference
var cancelMouseUp = false; // prevents a click from occuring as we want the context menu
function cancelHold() {
if (rightClickPending) {
window.clearTimeout(holdTimeout);
rightClickPending = false;
rightClickEvent = null;
}
}
function startHold(event) {
if (rightClickPending)
return;
rightClickPending = true; // We could be performing a right click
rightClickEvent = (event.changedTouches)[0];
holdTimeout = window.setTimeout("doRightClick();", 800);
}
function doRightClick() {
rightClickPending = false;
//
// We need to mouse up (as we were down)
//
var first = rightClickEvent,
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent("mouseup", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, 0, null);
first.target.dispatchEvent(simulatedEvent);
//
// emulate a right click
//
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent("mousedown", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, 2, null);
first.target.dispatchEvent(simulatedEvent);
//
// Show a context menu
//
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent("contextmenu", true, true, window, 1, first.screenX + 50, first.screenY + 5, first.clientX + 50, first.clientY + 5,
false, false, false, false, 2, null);
first.target.dispatchEvent(simulatedEvent);
//
// Note:: I don't mouse up the right click here however feel free to add if required
//
cancelMouseUp = true;
rightClickEvent = null; // Release memory
}
//
// mouse over event then mouse down
//
function iPadTouchStart(event) {
var touches = event.changedTouches,
first = touches[0],
type = "mouseover",
simulatedEvent = document.createEvent("MouseEvent");
//
// Mouse over first - I have live events attached on mouse over
//
simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, 0, null);
first.target.dispatchEvent(simulatedEvent);
type = "mousedown";
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, 0, null);
first.target.dispatchEvent(simulatedEvent);
if (!tapValid) {
lastTap = first.target;
tapValid = true;
tapTimeout = window.setTimeout("cancelTap();", 600);
startHold(event);
}
else {
window.clearTimeout(tapTimeout);
//
// If a double tap is still a possibility and the elements are the same
// Then perform a double click
//
if (first.target == lastTap) {
lastTap = null;
tapValid = false;
type = "click";
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, 0/*left*/, null);
first.target.dispatchEvent(simulatedEvent);
type = "dblclick";
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, 0/*left*/, null);
first.target.dispatchEvent(simulatedEvent);
}
else {
lastTap = first.target;
tapValid = true;
tapTimeout = window.setTimeout("cancelTap();", 600);
startHold(event);
}
}
}
function iPadTouchHandler(event) {
var type = "",
button = 0; /*left*/
if (event.touches.length > 1)
return;
switch (event.type) {
case "touchstart":
if ($(event.changedTouches[0].target).is("select")) {
return;
}
iPadTouchStart(event); /*We need to trigger two events here to support one touch drag and drop*/
event.preventDefault();
return false;
break;
case "touchmove":
cancelHold();
type = "mousemove";
event.preventDefault();
break;
case "touchend":
if (cancelMouseUp) {
cancelMouseUp = false;
event.preventDefault();
return false;
}
cancelHold();
type = "mouseup";
break;
default:
return;
}
var touches = event.changedTouches,
first = touches[0],
simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, button, null);
first.target.dispatchEvent(simulatedEvent);
if (type == "mouseup" && tapValid && first.target == lastTap) { // This actually emulates the ipads default behaviour (which we prevented)
simulatedEvent = document.createEvent("MouseEvent"); // This check avoids click being emulated on a double tap
simulatedEvent.initMouseEvent("click", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
false, false, false, false, button, null);
first.target.dispatchEvent(simulatedEvent);
}
}

View File

@ -1,240 +0,0 @@
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.trimLeft = function() {
return this.replace(/^\s+/,"");
}
String.prototype.trimRight = function() {
return this.replace(/\s+$/,"");
}
//Demos file list (in order of presentation)
//THe page name is formed from the file name.
var fileList = [
'Basic_swipe.html',
'Single_swipe.html',
'Any_finger_swipe.html',
'Finger_swipe.html',
'Swipe_status.html',
'Pinch.html',
'Pinch_status.html',
'Pinch_and_Swipe.html',
'Trigger_handlers.html',
'Stop_propegation.html',
'Handlers_and_events.html',
'Tap_vs_swipe.html',
'Hold.html',
'Excluded_children.html',
'Page_zoom.html',
'Thresholds.html',
'Enable_and_destroy.html',
'Page_scrolling.html',
'Options.html',
'Image_gallery_example.html'
];
/**
* Builds the demo page
*/
function init() {
buildTitle();
buildCodeExample();
buildNavigation();
}
/**
* Creates the navigation components
*/
function buildNavigation() {
$('.navigation').each(function( index ) {
$(this).html( getNavigation() );
});
$('.navigation_menu').each(function( index ) {
$(this).html( getNavigationMenu() );
})
$('.navigation_list').each(function( index ) {
$(this).html( getNavigationList() );
})
$('#menu').change( function() {
location.href=$(this).val();
});
$('#menu li').click( function() {
location.href=$(this).val();
});
$('.example_btn').click( function() {
$(document).scrollTop( $("#test").offset().top );
});
$('.events code').click( function() {
location.href = '../docs/symbols/%24.fn.swipe.html#event:' + $(this).text();
});
$('.properties code').click( function() {
location.href = '../docs/symbols/%24.fn.swipe.defaults.html#' + $(this).text();
});
$('.methods code').click( function() {
location.href = '../docs/symbols/%24.fn.swipe.html#' + $(this).text();
});
}
/**
* Builds the title element
*/
function buildTitle() {
$('.title').each(function( index ) {
$(this).html( getTitle() );
})
}
/**
* Copies the <script> tag contents, and populates the demo pretty print div to display the
* code example.
*/
function buildCodeExample() {
$('.prettyprint').each(function( index ) {
//$(this).text( $("#"+$(this).attr('data-src')).html() );
var src = $("#"+$(this).attr('data-src')).html();
if(src) {
var lines = src.split("\n");
var trimedLines=[];
var trimIndex=null;
for (var i=0; i<lines.length; i++) {
var line = lines[i];
if(trimIndex===null) {
var trimmed = line.trimLeft();
if(line.length>0) {
trimIndex = line.length - trimmed.length;
}
}
if(line.length>0) {
//Tabs to spaces
line = line.replace(/\t/g, ' '); //not using $nbsp; as we want to display HTML tags, so we set the text value, not html
trimedLines.push( line.substr(trimIndex) );
}
};
var html = trimedLines.join("\n");
$(this).text( html );
}
});
//prettyPrint();
}
/**
* Returns the current file being viewed.
*/
function getCurrentFile() {
var url = window.location.pathname;
var file = url.substring(url.lastIndexOf('/')+1);
return file;
}
/**
* Returns the current page name
*/
function getPageName( file ) {
if(!file)
file=getCurrentFile();
var fileTokens = file.split("_");
var fileName = fileTokens.join(" ");
var nameTokens = fileName.split(".");
nameTokens.pop();
var name = nameTokens.join(" ");
return name;
}
/**
* Writes out the page title template
*/
function getTitle() {
var html = "<h2><a href=\"http://labs.rampinteracitve.co.uk/touchSwipe/\">TouchSwipe</a> Demo</h2>";
html += "<h3>to be viewed on touch based devices</h3>";
html += "<h1>"+getPageName()+"<span class='navigation_menu pull-right'></span></h1>";
return html;
}
/**
* Returns HTML mark up for the pagination buttons
*/
function getNavigation() {
var index = fileList.indexOf( getCurrentFile() );
var html ="<div class='pagination'>";
if(index>0) {
html += "<a class='pull-left btn' href='"+fileList[index-1]+"'><< "+getPageName(fileList[index-1])+"</a>";
}
if(index<fileList.length-1) {
html += "<a class='pull-right btn' href='"+fileList[index+1]+"'>"+getPageName(fileList[index+1])+" >></a>";
}
html += "</div><div class='clear'></div>"
return html;
}
/**
* Returns HTML mark up for the drop down menu
*/
function getNavigationMenu() {
var html = "<select id='menu' class='pull_right'>";
for(var i=0; i<fileList.length; i++) {
var selected="";
if(fileList[i] == getCurrentFile()) {
selected=' selected ';
}
html+="<option value='"+fileList[i]+"'"+selected+">"+getPageName(fileList[i])+"</option>";
}
html += "</select>";
return html;
}
/**
* Returns HTML mark up for the list menu
*/
function getNavigationList() {
var html = "<ul>";
for(var i=0; i<fileList.length; i++) {
html+="<li><a href='"+fileList[i]+"' target='demos'>"+getPageName(fileList[i])+"</a></li>";
}
html += "</ul>";
return html;
}
$(function() {
init();
});

File diff suppressed because one or more lines are too long

View File

@ -1,321 +0,0 @@
body {
padding-top: 60px;
}
#index a {
color: #333;
}
#index a:hover {
color: #000;
}
#class-file-selector a {
padding-left: 11px;
padding-right: 11px;
margin-right: 0;
}
#class-list {
padding: 8px 0;
}
.description {
padding-top: 0.2em;
}
.footer {
margin-top: 45px;
border-top: 1px solid #e5e5e5;
}
.footer p {
margin-bottom: 0;
color: #555;
}
.jsdoc-large-icon {
vertical-align: middle;
margin-right: 0.5em;
}
.icon-jsdoc.icon-jsdoc-namespace {
background-position: 0 0;
}
.icon-jsdoc.icon-jsdoc-class {
background-position: 0 -22px;
}
.icon-jsdoc.icon-jsdoc-interface {
background-position: 0 -44px;
}
.icon-jsdoc.icon-jsdoc-constant {
background-position: 0 -66px;
}
.icon-jsdoc.icon-jsdoc-event {
background-position: 0 -110px;
}
#index .icon-jsdoc {
margin-right: 4px;
}
/* Subnav */
.subnav {
width: 100%;
height: 36px;
background-color: #eeeeee; /* Old browsers */
background-repeat: repeat-x; /* Repeat the gradient */
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.subnav .nav {
margin-bottom: 0;
}
.subnav .nav > li > a {
margin: 0;
padding-top: 11px;
padding-bottom: 11px;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #e5e5e5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
padding-left: 13px;
color: #777;
background-color: #e9e9e9;
border-right-color: #ddd;
border-left: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
border-left: 0;
padding-left: 12px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
border-right: 0;
}
.subnav .dropdown-menu {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
.subnav-fixed {
position: fixed;
top: 40px;
left: 0;
right: 0;
z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
border-color: #d5d5d5;
border-width: 0 0 1px; /* drop the border on the fixed edges */
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
}
.subnav-fixed .nav {
width: 938px;
margin: 0 auto;
padding: 0 1px;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
}
.jsdoc-inherits-caption {
font-size: 80%;
color: #333;
}
.jsdoc-inherits-from a {
color: #555;
}
.jsdoc-private {
color: #bbb;
}
.jsdoc-members {
margin-bottom: 30px;
}
.jsdoc-member {
padding: 10px;
border-style: solid;
border-color: #ddd;
border-width: 0 0 1px 0;
}
.jsdoc-member:first-child {
border-width: 1px 0;
}
.jsdoc-hierarchy-nav {
margin-top: 10px;
}
.jsdoc-hierarchy-caption {
padding-right: 10px;
font-size: 11px;
font-weight: bold;
color: #999;
text-shadow: 0 1px 0 hsla(0, 100%, 100%, 0.5);
text-transform: uppercase;
}
/* Labels */
.label-jsdoc {
vertical-align: middle;
}
.label-jsdoc.label-jsdoc-private {
background-color: #f89406;
}
.label-jsdoc.label-jsdoc-protected {
background-color: #c3325f;
}
.label-jsdoc.label-jsdoc-static {
background-color: #555;
}
.label-jsdoc.label-jsdoc-inner {
background-color: #ffc40d;
}
.label-jsdoc.label-jsdoc-deprecated {
background-color: #b94a48;
}
.label-jsdoc.label-jsdoc-singleton {
background-color: #c3325f;
}
.label-jsdoc.label-jsdoc-interface {
background-color: #ee5f5b;
}
.label-jsdoc.label-jsdoc-see {
background-color: #5bc0de;
}
.label-jsdoc.label-jsdoc-requires {
background-color: #3a87ad;
}
.label-jsdoc.label-jsdoc-since {
background-color: #62c462;
}
.label-jsdoc.label-jsdoc-exceptions {
background-color: #fbb450;
}
.jsdoc-member-default{
color: #666666;
font-weight:normal;
}
.jsdoc-member-detail {
margin-top: 10px;
display: none;
}
.jsdoc-member-detail dl {
margin-top: 0;
margin-left: 5px;
}
.jsdoc-member-detail dt {
line-height: 26px;
}
.jsdoc-typedesc {
color: gray;
font-weight: normal;
}
.jsdoc-member-summary {
margin-top: 5px;
}
.jsdoc-member-summary pre {
margin-top: 10px;
}
.jsdoc-member-info {
padding-top: 5px;
}
.jsdoc-symbol-enum {
padding-right: 5px;
}
.accordion-button:hover {
background-color: #fcfcfc;
cursor: pointer;
}
.container-jsdoc-protected {
background-color: hsl(319, 73%, 99%);
}
.accordion-button.container-jsdoc-protected:hover {
background-color: hsl(319, 73%, 98%);
}
.container-jsdoc-private {
background-color: hsl(56, 77%, 99%);
}
.accordion-button.container-jsdoc-private:hover {
background-color: hsl(56, 77%, 98%);
}
.container-jsdoc-deprecated {
background-color: hsl(0, 76%, 99%);
}
.accordion-button.container-jsdoc-deprecated:hover {
background-color: hsl(0, 76%, 98%);
}
.jsdoc-visibility-options {
padding: 5px 7px;
color: black;
}

View File

@ -1,30 +0,0 @@
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }
.prettyprint {
padding: 8px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
padding-left: 12px;
color: #bebec5;
line-height: 18px;
text-shadow: 0 1px 0 #fff;
}

View File

@ -1,11 +0,0 @@
body {
padding-top: 0px;
}
#index {
display: none;
}
#content {
width: 100%;
margin: 0;
}

View File

@ -1,101 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>JsDoc Reference - File Index</title>
<meta name="generator" content="JsDoc Toolkit" />
<link media="all" rel="stylesheet" href="css/common.css" type="text/css" />
<link media="all" rel="stylesheet" href="css/prettify.css" type="text/css" />
<link media="all" rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link media="print" rel="stylesheet" href="css/print.css" type="text/css" />
<style type="text/css">
.icon-jsdoc {
background: url("img/classicons.png") no-repeat;
}
</style>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/prettify.js" type="text/javascript"></script>
<script src="js/accordion.js" type="text/javascript"></script>
</head>
<body onload="prettyPrint()">
<div class="container-fluid">
<header class="header navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><strong>JsDoc</strong> Reference</a>
<ul id="class-file-selector" class="nav">
<li><a href="index.html">Class Index</a></li>
<li><a href="files.html">File Index</a></li>
</ul>
</div>
</div>
</header>
<div class="row-fluid">
<div id="index" class="span3">
<div class="well" id="class-list">
<ul class="nav nav-list">
<li class="nav-header">Classes</li>
<li><a href="symbols/%24.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">$</span></span></a></li>
<li><a href="symbols/%24.fn.html"><span class="indent" style="padding-left:14px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">fn</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.html"><span class="indent" style="padding-left:28px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">swipe</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.defaults.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">defaults</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.directions.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">directions</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.fingers.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">fingers</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.pageScroll.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">pageScroll</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.phases.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">phases</span></span></a></li>
<li><a href="symbols/_global_.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">_global_</span></span></a></li>
</ul>
</div>
</div>
<div id="content jsdoc-members" class="span9">
<h1 class="classTitle">File Index</h1>
<div class="jsdoc-member">
<div class="jsdoc-member-definition"><a href="symbols/src/jquery.touchSwipe.js.html#
function (fragment) {
this.inner = fragment || "";
return this;
}
">jquery.touchSwipe.js</a></div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-summary">
No description.
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<p>Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Wed Jun 04 2014 13:36:57 GMT+0100 (BST)</p>
</footer>
<script type="text/javascript">
<!--
$('.jsdoc-member').click(function() {
$(this).find('.jsdoc-member-detail').slideToggle();
});
// -->
</script>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1,386 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>JsDoc Reference - Index</title>
<meta name="generator" content="JsDoc Toolkit" />
<link media="all" rel="stylesheet" href="css/common.css" type="text/css" />
<link media="all" rel="stylesheet" href="css/prettify.css" type="text/css" />
<link media="all" rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link media="print" rel="stylesheet" href="css/print.css" type="text/css" />
<style type="text/css">
.icon-jsdoc {
background: url("img/classicons.png") no-repeat;
}
</style>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/prettify.js" type="text/javascript"></script>
<script src="js/accordion.js" type="text/javascript"></script>
</head>
<body onload="prettyPrint()"><div class="container-fluid">
<div class="container-fluid">
<header class="header navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><strong>JsDoc</strong> Reference</a>
<ul id="class-file-selector" class="nav">
<li><a href="#">Class Index</a></li>
<li><a href="files.html">File Index</a></li>
</ul>
</div>
</div>
</header>
<div class="row-fluid">
<div id="index" class="span3">
<div class="well" id="class-list">
<ul class="nav nav-list">
<li class="nav-header">Classes</li>
<li><a href="symbols/%24.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">$</span></span></a></li>
<li><a href="symbols/%24.fn.html"><span class="indent" style="padding-left:14px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">fn</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.html"><span class="indent" style="padding-left:28px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">swipe</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.defaults.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">defaults</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.directions.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">directions</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.fingers.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">fingers</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.pageScroll.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">pageScroll</span></span></a></li>
<li><a href="symbols/%24.fn.swipe.phases.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">phases</span></span></a></li>
<li><a href="symbols/_global_.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">_global_</span></span></a></li>
</ul>
</div>
</div>
<div id="content" class="span9">
<h1 class="classTitle">Class Index</h1>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="$" href="symbols/%24.html">$</a></b>
( )
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
See (http://jquery.com/).
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fn" href="symbols/%24.fn.html">fn</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
See (http://jquery.com/)
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member accordion-button">
<div class="jsdoc-member-definition">
<b><a id="swipe" href="symbols/%24.fn.swipe.html">swipe</a></b>
( <span class="jsdoc-typedesc">Mixed</span> method )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Applies TouchSwipe behaviour to one or more jQuery objects.
The TouchSwipe plugin can be instantiated via this method, or methods within
TouchSwipe can be executed via this method as per jQuery plugin architecture.
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
<div class="jsdoc-member-see jsdoc-member-info">
<span class="label label-jsdoc label-jsdoc-see">See</span>
<span class="jsdoc-symbol-enum">TouchSwipe</span>
</div>
<div class="jsdoc-member-detail accordion-content">
<b>Parameters</b>
<dl>
<dt>method : <span class="jsdoc-typedesc">Mixed</span></dt>
<dd>If the current DOMNode is a TouchSwipe object, and <code>method</code> is a TouchSwipe method, then
the <code>method</code> is executed, and any following arguments are passed to the TouchSwipe method.
If <code>method</code> is an object, then the TouchSwipe class is instantiated on the current DOMNode, passing the
configuration properties defined in the object. See TouchSwipe</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="defaults" href="symbols/%24.fn.swipe.defaults.html">defaults</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The default configuration, and available options to configure touch swipe with.
You can set the default values by updating any of the properties prior to instantiation.
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="directions" href="symbols/%24.fn.swipe.directions.html">directions</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The direction constants that are passed to the event handlers.
These properties are read only, attempting to change them will not alter the values passed to the event handlers.
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fingers" href="symbols/%24.fn.swipe.fingers.html">fingers</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constants representing the number of fingers used in a swipe. These are used to set both the value of <code>fingers</code> in the
options object, as well as the value of the <code>fingers</code> event property.
These properties are read only, attempting to change them will not alter the values passed to the event handlers.
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
<div class="jsdoc-member-see jsdoc-member-info">
<span class="label label-jsdoc label-jsdoc-see">See</span>
<span class="jsdoc-symbol-enum"><a href="symbols/%24.fn.swipe.defaults.html#fingers">$.fn.swipe.defaults#fingers</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="pageScroll" href="symbols/%24.fn.swipe.pageScroll.html">pageScroll</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The page scroll constants that can be used to set the value of <code>allowPageScroll</code> option
These properties are read only
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
<div class="jsdoc-member-see jsdoc-member-info">
<span class="label label-jsdoc label-jsdoc-see">See</span>
<span class="jsdoc-symbol-enum"><a href="symbols/%24.fn.swipe.defaults.html#allowPageScroll">$.fn.swipe.defaults#allowPageScroll</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="phases" href="symbols/%24.fn.swipe.phases.html">phases</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The phases that a touch event goes through. The <code>phase</code> is passed to the event handlers.
These properties are read only, attempting to change them will not alter the values passed to the event handlers.
<span class="pull-right"><a href="symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="_global_" href="symbols/_global_.html">_global_</a></b>
( )
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
No description.
<span class="pull-right"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<p>Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Wed Jun 04 2014 13:36:57 GMT+0100 (BST)</p>
</footer>
</div>
</body>
</html>

View File

@ -1,13 +0,0 @@
// This script licensed under the MIT.
// http://orgachem.mit-license.org
/**
* @fileoverview A script for accordion effects.
* @author orga.chem.job@gmail.com (Orga Chem)
*/
$(function() {
$('.accordion-button').click(function() {
$(this).find('.accordion-content').slideToggle();
});
});

File diff suppressed because one or more lines are too long

View File

@ -1,28 +0,0 @@
var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),
l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/,
q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g,
"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a),
a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}
for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"],
H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+
I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),
["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",
/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),
["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes",
hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b=
!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m,
250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();

View File

@ -1,171 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="JsDoc Toolkit" />
<title>JsDoc Reference - $.fn</title>
<link media="all" rel="stylesheet" href="../css/common.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/prettify.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link media="print" rel="stylesheet" href="../css/print.css" type="text/css" />
<style type="text/css">
.icon-jsdoc {
background: url("../img/classicons.png") no-repeat;
}
</style>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/prettify.js" type="text/javascript"></script>
<script src="../js/accordion.js" type="text/javascript"></script>
</head>
<body onload="prettyPrint()"><div class="container-fluid">
<!-- ============================== header ================================= -->
<!-- begin static/header.html -->
<header class="header navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><strong>JsDoc</strong> Reference</a>
<ul id="class-file-selector" class="nav">
<li><a href="../index.html">Class Index</a></li>
<li><a href="../files.html">File Index</a></li>
</ul>
</div>
</div>
</header>
<!-- end static/header.html -->
<!-- ============================== classes index ============================ -->
<div class="row-fluid">
<div id="index" class="span3">
<!-- begin publish.classesIndex -->
<div class="well" id="class-list">
<ul class="nav nav-list">
<li class="nav-header">Classes</li>
<li><a href="../symbols/%24.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">$</span></span></a></li>
<li><a href="../symbols/%24.fn.html"><span class="indent" style="padding-left:14px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">fn</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.html"><span class="indent" style="padding-left:28px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">swipe</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.defaults.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">defaults</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.directions.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">directions</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.fingers.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">fingers</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.pageScroll.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">pageScroll</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.phases.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">phases</span></span></a></li>
<li><a href="../symbols/_global_.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">_global_</span></span></a></li>
</ul>
</div>
<!-- end publish.classesIndex -->
</div>
<div id="content" class="span9">
<!-- ============================== class title ============================ -->
<h1 class="classTitle">
<img src="../img/class.png" alt="Class " class="jsdoc-large-icon" />$.fn
</h1>
<div class="jsdoc-hierarchy-nav">
<ul class="breadcrumb">
<li class="jsdoc-hierarchy-caption">Inheritance</li>
<li class="active">fn</li>
</ul>
</div>
<div class="btn-group">
<a class="btn" href="#constructor">Constructor</a>
</div>
<!-- ============================== constructor summary ==================== -->
<a name="constructor"><br/><br/></a>
<h3>Constructor</h3>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fn" href="../symbols/%24.fn.html">fn</a></b>
( )
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
See (http://jquery.com/)
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
</div>
<!-- ============================== instance members summary ===================== -->
<!-- ============================== static members summary ======================== -->
<!-- ============================== events summary ===================== -->
<!-- ============================== footer ================================= -->
<footer class="footer">
<p>Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Wed Jun 04 2014 13:36:56 GMT+0100 (BST)</p>
</footer>
</div></body>
</html>

View File

@ -1,910 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="JsDoc Toolkit" />
<title>JsDoc Reference - $.fn.swipe.defaults</title>
<link media="all" rel="stylesheet" href="../css/common.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/prettify.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link media="print" rel="stylesheet" href="../css/print.css" type="text/css" />
<style type="text/css">
.icon-jsdoc {
background: url("../img/classicons.png") no-repeat;
}
</style>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/prettify.js" type="text/javascript"></script>
<script src="../js/accordion.js" type="text/javascript"></script>
</head>
<body onload="prettyPrint()"><div class="container-fluid">
<!-- ============================== header ================================= -->
<!-- begin static/header.html -->
<header class="header navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><strong>JsDoc</strong> Reference</a>
<ul id="class-file-selector" class="nav">
<li><a href="../index.html">Class Index</a></li>
<li><a href="../files.html">File Index</a></li>
</ul>
</div>
</div>
</header>
<!-- end static/header.html -->
<!-- ============================== classes index ============================ -->
<div class="row-fluid">
<div id="index" class="span3">
<!-- begin publish.classesIndex -->
<div class="well" id="class-list">
<ul class="nav nav-list">
<li class="nav-header">Classes</li>
<li><a href="../symbols/%24.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">$</span></span></a></li>
<li><a href="../symbols/%24.fn.html"><span class="indent" style="padding-left:14px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">fn</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.html"><span class="indent" style="padding-left:28px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">swipe</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.defaults.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">defaults</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.directions.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">directions</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.fingers.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">fingers</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.pageScroll.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">pageScroll</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.phases.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">phases</span></span></a></li>
<li><a href="../symbols/_global_.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">_global_</span></span></a></li>
</ul>
</div>
<!-- end publish.classesIndex -->
</div>
<div id="content" class="span9">
<!-- ============================== class title ============================ -->
<h1 class="classTitle">
<img src="../img/namespace.png" alt="Namespace " class="jsdoc-large-icon" />$.fn.swipe.defaults
</h1>
<div class="jsdoc-hierarchy-nav">
<ul class="breadcrumb">
<li class="jsdoc-hierarchy-caption">Hierarchy</li>
<li><a href="../symbols/%24.fn.swipe.html">$.fn.swipe</a><span class="divider">«</span></li>
<li><a href="../symbols/%24.fn.html">$.fn</a><span class="divider">«</span></li>
<li><a href="../symbols/%24.html">$</a><span class="divider">«</span></li>
<li class="active">defaults</li>
</ul>
</div>
<div class="btn-group">
<a class="btn" href="#instance">Instance members</a>
</div>
<!-- ============================== constructor summary ==================== -->
<h3>Namespace</h3>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="defaults" href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></b>
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-summary">
The default configuration, and available options to configure touch swipe with.
You can set the default values by updating any of the properties prior to instantiation.
<span class="pull-right">
<a href="../symbols/src/jquery.touchSwipe.js.html">code »</a>
</span>
</div>
</div>
</div>
</div>
<!-- ============================== instance members summary ===================== -->
<a name="instance"><br/><br/></a>
<h3>Instance members</h3>
<h4>Instance Properties<span class="jsdoc-inherits-caption pull-right">Defined By</span></h4>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="(function)" href="../symbols/%24.fn.swipe.defaults.html#(function)">(function)</a></b>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
[hold=null] A handler triggered when a user reaches longTapThreshold on the item. See <a href="../symbols/%24.fn.swipe.defaults.html#longTapThreshold">$.fn.swipe.defaults#longTapThreshold</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="allowPageScroll" href="../symbols/%24.fn.swipe.defaults.html#allowPageScroll">allowPageScroll</a></b>
: string|undefined
<span class="jsdoc-member-default">(default = 'auto')</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
How the browser handles page scrolls when the user is swiping on a touchSwipe object. See <a href="../symbols/%24.fn.swipe.pageScroll.html">$.fn.swipe.pageScroll</a>. <br/><br/>
<code>"auto"</code> : all undefined swipes will cause the page to scroll in that direction. <br/>
<code>"none"</code> : the page will not scroll when user swipes. <br/>
<code>"horizontal"</code> : will force page to scroll on horizontal swipes. <br/>
<code>"vertical"</code> : will force page to scroll on vertical swipes. <br/>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="cancelThreshold" href="../symbols/%24.fn.swipe.defaults.html#cancelThreshold">cancelThreshold</a></b>
: int
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The number of pixels that the user must move their finger back from the original swipe direction to cancel the gesture.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="doubleTap" href="../symbols/%24.fn.swipe.defaults.html#doubleTap">doubleTap</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered when a user double taps on the item. The delay between taps can be set with the doubleTapThreshold property. See <a href="../symbols/%24.fn.swipe.defaults.html#doubleTapThreshold">$.fn.swipe.defaults#doubleTapThreshold</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="doubleTapThreshold" href="../symbols/%24.fn.swipe.defaults.html#doubleTapThreshold">doubleTapThreshold</a></b>
: int
<span class="jsdoc-member-default">(default = 200)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Time in milliseconds between 2 taps to count as a double tap
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="excludedElements" href="../symbols/%24.fn.swipe.defaults.html#excludedElements">excludedElements</a></b>
: string
<span class="jsdoc-member-default">(default = "button, input, select, textarea, a, .noSwipe")</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A jquery selector that specifies child elements that do NOT trigger swipes. By default this excludes all form, input, select, button, anchor and .noSwipe elements.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fallbackToMouseEvents" href="../symbols/%24.fn.swipe.defaults.html#fallbackToMouseEvents">fallbackToMouseEvents</a></b>
: boolean
<span class="jsdoc-member-default">(default = true)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
If true mouse events are used when run on a non touch device, false will stop swipes being triggered by mouse events on non tocuh devices.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fingerReleaseThreshold" href="../symbols/%24.fn.swipe.defaults.html#fingerReleaseThreshold">fingerReleaseThreshold</a></b>
: int
<span class="jsdoc-member-default">(default = 250)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Time in milliseconds between releasing multiple fingers. If 2 fingers are down, and are released one after the other, if they are within this threshold, it counts as a simultaneous release.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fingers" href="../symbols/%24.fn.swipe.defaults.html#fingers">fingers</a></b>
: int
<span class="jsdoc-member-default">(default = 1)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The number of fingers to detect in a swipe. Any swipes that do not meet this requirement will NOT trigger swipe handlers.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="longTap" href="../symbols/%24.fn.swipe.defaults.html#longTap">longTap</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered when a user long taps on the item. The delay between start and end can be set with the longTapThreshold property. See <a href="../symbols/%24.fn.swipe.defaults.html#longTapThreshold">$.fn.swipe.defaults#longTapThreshold</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="longTapThreshold" href="../symbols/%24.fn.swipe.defaults.html#longTapThreshold">longTapThreshold</a></b>
: int
<span class="jsdoc-member-default">(default = 500)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Time in milliseconds between tap and release for a long tap
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="maxTimeThreshold" href="../symbols/%24.fn.swipe.defaults.html#maxTimeThreshold">maxTimeThreshold</a></b>
: int
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Time, in milliseconds, between touchStart and touchEnd must NOT exceed in order to be considered a swipe.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="pinchIn" href="../symbols/%24.fn.swipe.defaults.html#pinchIn">pinchIn</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered for pinch in events. See <a href="../symbols/%24.fn.swipe.html#event:pinchIn">$.fn.swipe#event:pinchIn</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="pinchOut" href="../symbols/%24.fn.swipe.defaults.html#pinchOut">pinchOut</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered for pinch out events. See <a href="../symbols/%24.fn.swipe.html#event:pinchOut">$.fn.swipe#event:pinchOut</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="pinchStatus" href="../symbols/%24.fn.swipe.defaults.html#pinchStatus">pinchStatus</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered for every phase of a pinch. See <a href="../symbols/%24.fn.swipe.html#event:pinchStatus">$.fn.swipe#event:pinchStatus</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="pinchThreshold" href="../symbols/%24.fn.swipe.defaults.html#pinchThreshold">pinchThreshold</a></b>
: int
<span class="jsdoc-member-default">(default = 20)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The number of pixels that the user must pinch their finger by before it is considered a pinch.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="swipe" href="../symbols/%24.fn.swipe.defaults.html#swipe">swipe</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler to catch all swipes. See <a href="../symbols/%24.fn.swipe.html#event:swipe">$.fn.swipe#event:swipe</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="swipeDown" href="../symbols/%24.fn.swipe.defaults.html#swipeDown">swipeDown</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler that is triggered for "down" swipes. See <a href="../symbols/%24.fn.swipe.html#event:swipeDown">$.fn.swipe#event:swipeDown</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="swipeLeft" href="../symbols/%24.fn.swipe.defaults.html#swipeLeft">swipeLeft</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler that is triggered for "left" swipes. See <a href="../symbols/%24.fn.swipe.html#event:swipeLeft">$.fn.swipe#event:swipeLeft</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="swipeRight" href="../symbols/%24.fn.swipe.defaults.html#swipeRight">swipeRight</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler that is triggered for "right" swipes. See <a href="../symbols/%24.fn.swipe.html#event:swipeRight">$.fn.swipe#event:swipeRight</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="swipeStatus" href="../symbols/%24.fn.swipe.defaults.html#swipeStatus">swipeStatus</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered for every phase of the swipe. See <a href="../symbols/%24.fn.swipe.html#event:swipeStatus">$.fn.swipe#event:swipeStatus</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="swipeUp" href="../symbols/%24.fn.swipe.defaults.html#swipeUp">swipeUp</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler that is triggered for "up" swipes. See <a href="../symbols/%24.fn.swipe.html#event:swipeUp">$.fn.swipe#event:swipeUp</a>
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="tap" href="../symbols/%24.fn.swipe.defaults.html#tap">tap</a></b>
: function
<span class="jsdoc-member-default">(default = null)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
A handler triggered when a user just taps on the item, rather than swipes it. If they do not move, tap is triggered, if they do move, it is not.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="threshold" href="../symbols/%24.fn.swipe.defaults.html#threshold">threshold</a></b>
: int
<span class="jsdoc-member-default">(default = 75)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
The number of pixels that the user must move their finger by before it is considered a swipe.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="triggerOnTouchEnd" href="../symbols/%24.fn.swipe.defaults.html#triggerOnTouchEnd">triggerOnTouchEnd</a></b>
: boolean
<span class="jsdoc-member-default">(default = true)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
If true, the swipe events are triggered when the touch end event is received (user releases finger). If false, it will be triggered on reaching the threshold, and then cancel the touch event automatically.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="triggerOnTouchLeave" href="../symbols/%24.fn.swipe.defaults.html#triggerOnTouchLeave">triggerOnTouchLeave</a></b>
: boolean
<span class="jsdoc-member-default">(default = false)</span>
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.defaults.html">$.fn.swipe.defaults</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
If true, then when the user leaves the swipe object, the swipe will end and trigger appropriate handlers.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
</div>
<!-- ============================== static members summary ======================== -->
<!-- ============================== events summary ===================== -->
<!-- ============================== footer ================================= -->
<footer class="footer">
<p>Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Wed Jun 04 2014 13:36:57 GMT+0100 (BST)</p>
</footer>
</div></body>
</html>

View File

@ -1,346 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="JsDoc Toolkit" />
<title>JsDoc Reference - $.fn.swipe.directions</title>
<link media="all" rel="stylesheet" href="../css/common.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/prettify.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link media="print" rel="stylesheet" href="../css/print.css" type="text/css" />
<style type="text/css">
.icon-jsdoc {
background: url("../img/classicons.png") no-repeat;
}
</style>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/prettify.js" type="text/javascript"></script>
<script src="../js/accordion.js" type="text/javascript"></script>
</head>
<body onload="prettyPrint()"><div class="container-fluid">
<!-- ============================== header ================================= -->
<!-- begin static/header.html -->
<header class="header navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><strong>JsDoc</strong> Reference</a>
<ul id="class-file-selector" class="nav">
<li><a href="../index.html">Class Index</a></li>
<li><a href="../files.html">File Index</a></li>
</ul>
</div>
</div>
</header>
<!-- end static/header.html -->
<!-- ============================== classes index ============================ -->
<div class="row-fluid">
<div id="index" class="span3">
<!-- begin publish.classesIndex -->
<div class="well" id="class-list">
<ul class="nav nav-list">
<li class="nav-header">Classes</li>
<li><a href="../symbols/%24.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">$</span></span></a></li>
<li><a href="../symbols/%24.fn.html"><span class="indent" style="padding-left:14px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">fn</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.html"><span class="indent" style="padding-left:28px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">swipe</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.defaults.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">defaults</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.directions.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">directions</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.fingers.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">fingers</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.pageScroll.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">pageScroll</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.phases.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">phases</span></span></a></li>
<li><a href="../symbols/_global_.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">_global_</span></span></a></li>
</ul>
</div>
<!-- end publish.classesIndex -->
</div>
<div id="content" class="span9">
<!-- ============================== class title ============================ -->
<h1 class="classTitle">
<img src="../img/namespace.png" alt="Namespace " class="jsdoc-large-icon" />$.fn.swipe.directions
</h1>
<div class="jsdoc-hierarchy-nav">
<ul class="breadcrumb">
<li class="jsdoc-hierarchy-caption">Hierarchy</li>
<li><a href="../symbols/%24.fn.swipe.html">$.fn.swipe</a><span class="divider">«</span></li>
<li><a href="../symbols/%24.fn.html">$.fn</a><span class="divider">«</span></li>
<li><a href="../symbols/%24.html">$</a><span class="divider">«</span></li>
<li class="active">directions</li>
</ul>
</div>
<div class="btn-group">
<a class="btn" href="#instance">Instance members</a>
</div>
<!-- ============================== constructor summary ==================== -->
<h3>Namespace</h3>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="directions" href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></b>
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-summary">
The direction constants that are passed to the event handlers.
These properties are read only, attempting to change them will not alter the values passed to the event handlers.
<span class="pull-right">
<a href="../symbols/src/jquery.touchSwipe.js.html">code »</a>
</span>
</div>
</div>
</div>
</div>
<!-- ============================== instance members summary ===================== -->
<a name="instance"><br/><br/></a>
<h3>Instance members</h3>
<h4>Instance Properties<span class="jsdoc-inherits-caption pull-right">Defined By</span></h4>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="DOWN" href="../symbols/%24.fn.swipe.directions.html#DOWN">DOWN</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating the down direction. Value is <code>"cancel"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="IN" href="../symbols/%24.fn.swipe.directions.html#IN">IN</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating the in direction. Value is <code>"in"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="LEFT" href="../symbols/%24.fn.swipe.directions.html#LEFT">LEFT</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating the left direction. Value is <code>"left"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="OUT" href="../symbols/%24.fn.swipe.directions.html#OUT">OUT</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating the out direction. Value is <code>"out"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="RIGHT" href="../symbols/%24.fn.swipe.directions.html#RIGHT">RIGHT</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating the right direction. Value is <code>"right"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="UP" href="../symbols/%24.fn.swipe.directions.html#UP">UP</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.directions.html">$.fn.swipe.directions</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating the up direction. Value is <code>"up"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
</div>
<!-- ============================== static members summary ======================== -->
<!-- ============================== events summary ===================== -->
<!-- ============================== footer ================================= -->
<footer class="footer">
<p>Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Wed Jun 04 2014 13:36:57 GMT+0100 (BST)</p>
</footer>
</div></body>
</html>

View File

@ -1,291 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="JsDoc Toolkit" />
<title>JsDoc Reference - $.fn.swipe.fingers</title>
<link media="all" rel="stylesheet" href="../css/common.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/prettify.css" type="text/css" />
<link media="all" rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link media="print" rel="stylesheet" href="../css/print.css" type="text/css" />
<style type="text/css">
.icon-jsdoc {
background: url("../img/classicons.png") no-repeat;
}
</style>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/prettify.js" type="text/javascript"></script>
<script src="../js/accordion.js" type="text/javascript"></script>
</head>
<body onload="prettyPrint()"><div class="container-fluid">
<!-- ============================== header ================================= -->
<!-- begin static/header.html -->
<header class="header navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><strong>JsDoc</strong> Reference</a>
<ul id="class-file-selector" class="nav">
<li><a href="../index.html">Class Index</a></li>
<li><a href="../files.html">File Index</a></li>
</ul>
</div>
</div>
</header>
<!-- end static/header.html -->
<!-- ============================== classes index ============================ -->
<div class="row-fluid">
<div id="index" class="span3">
<!-- begin publish.classesIndex -->
<div class="well" id="class-list">
<ul class="nav nav-list">
<li class="nav-header">Classes</li>
<li><a href="../symbols/%24.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">$</span></span></a></li>
<li><a href="../symbols/%24.fn.html"><span class="indent" style="padding-left:14px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">fn</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.html"><span class="indent" style="padding-left:28px;"><i class="icon-jsdoc icon-jsdoc-class"></i><span class="jsdoc-class-index">swipe</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.defaults.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">defaults</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.directions.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">directions</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.fingers.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">fingers</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.pageScroll.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">pageScroll</span></span></a></li>
<li><a href="../symbols/%24.fn.swipe.phases.html"><span class="indent" style="padding-left:42px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">phases</span></span></a></li>
<li><a href="../symbols/_global_.html"><span class="indent" style="padding-left:0px;"><i class="icon-jsdoc icon-jsdoc-namespace"></i><span class="jsdoc-class-index">_global_</span></span></a></li>
</ul>
</div>
<!-- end publish.classesIndex -->
</div>
<div id="content" class="span9">
<!-- ============================== class title ============================ -->
<h1 class="classTitle">
<img src="../img/namespace.png" alt="Namespace " class="jsdoc-large-icon" />$.fn.swipe.fingers
</h1>
<div class="jsdoc-hierarchy-nav">
<ul class="breadcrumb">
<li class="jsdoc-hierarchy-caption">Hierarchy</li>
<li><a href="../symbols/%24.fn.swipe.html">$.fn.swipe</a><span class="divider">«</span></li>
<li><a href="../symbols/%24.fn.html">$.fn</a><span class="divider">«</span></li>
<li><a href="../symbols/%24.html">$</a><span class="divider">«</span></li>
<li class="active">fingers</li>
</ul>
</div>
<div class="btn-group">
<a class="btn" href="#instance">Instance members</a>
</div>
<!-- ============================== constructor summary ==================== -->
<h3>Namespace</h3>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="fingers" href="../symbols/%24.fn.swipe.fingers.html">$.fn.swipe.fingers</a></b>
<span class="label label-jsdoc label-jsdoc-static">Static</span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-summary">
Constants representing the number of fingers used in a swipe. These are used to set both the value of <code>fingers</code> in the
options object, as well as the value of the <code>fingers</code> event property.
These properties are read only, attempting to change them will not alter the values passed to the event handlers.
<span class="pull-right">
<a href="../symbols/src/jquery.touchSwipe.js.html">code »</a>
</span>
</div>
</div>
</div>
</div>
<!-- ============================== instance members summary ===================== -->
<a name="instance"><br/><br/></a>
<h3>Instance members</h3>
<h4>Instance Properties<span class="jsdoc-inherits-caption pull-right">Defined By</span></h4>
<div class="jsdoc-members">
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="ALL" href="../symbols/%24.fn.swipe.fingers.html#ALL">ALL</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.fingers.html">$.fn.swipe.fingers</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating any combination of finger are to be detected. Value is <code>"all"</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="ONE" href="../symbols/%24.fn.swipe.fingers.html#ONE">ONE</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.fingers.html">$.fn.swipe.fingers</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating 1 finger is to be detected / was detected. Value is <code>1</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="THREE" href="../symbols/%24.fn.swipe.fingers.html#THREE">THREE</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.fingers.html">$.fn.swipe.fingers</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating 3 finger are to be detected / were detected. Value is <code>1</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
<div class="jsdoc-member">
<div class="jsdoc-member-definition">
<b><a id="TWO" href="../symbols/%24.fn.swipe.fingers.html#TWO">TWO</a></b>
: string
<span class="jsdoc-inherits-from pull-right"><a href="../symbols/%24.fn.swipe.fingers.html">$.fn.swipe.fingers</a></span>
</div>
<div class="jsdoc-member-description">
<div class="jsdoc-member-content">
<div class="jsdoc-member-summary">
Constant indicating 2 fingers are to be detected / were detected. Value is <code>1</code>.
<span class="pull-right"><a href="../symbols/src/jquery.touchSwipe.js.html">code »</a></span>
</div>
</div>
</div>
</div>
</div>
<!-- ============================== static members summary ======================== -->
<!-- ============================== events summary ===================== -->
<!-- ============================== footer ================================= -->
<footer class="footer">
<p>Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Wed Jun 04 2014 13:36:57 GMT+0100 (BST)</p>
</footer>
</div></body>
</html>

File diff suppressed because it is too large Load Diff

Some files were not shown because too many files have changed in this diff Show More