dotmaster / touchable-jquery-plugin Goto Github PK

View Code? Open in Web Editor NEW

332.0 332.0 77.0 216 KB

Touchable jQuery Plugin

Home Page: http://plugins.jquery.com/project/Touchable

License: Other

JavaScript 100.00%

touchable-jquery-plugin's People

Contributors

Stargazers

Watchers

Forkers

barrysmyth irrelon amswindell lahorichargha touchx syydee jguang cabralj neshte mohammedovich jackhsieh bresson paulirish theskumar-archive jammywavia iss tomds gregory-phillips shengtao lec2cn tehmou jimmydburr sergeymaas grscl mfine2 raly jbinkleyj nathasha erikguo zajca jeffdrumgod angck zhaoheng gaofeiyu cnrain jeffersonmourak fabioduque patmart reengo ni88yy leakl charreal nbalcom riinamdar joseibarra waspar fmoitry 48wings neolie panda-huang windancer gilmgilmore modulexcite hoozi khaimap jokefather abdalrhman-alhomsi qinfm xujunxuan kevinandleekai kennethchiao sergeybreslavets biscuitcoder codefreeman mr-mak bryant1410 welldeng supermason jordythen willkf25 niraj-nagtilak1990 limingziqiang hixio-mh irelandlife

touchable-jquery-plugin's Issues

I get these 2 errors using Touchable.min.js. Don't get it using normal version

plugins.js (line 3)
c.q is undefined
var $btnSearch = $('#btnSearch').Touchable();

sliding.js (line 12)
$("#btnSearch").Touchable is not a function
var $btnSearch = $('#btnSearch').Touchable();

Does Not Work With Dynamically Created Elements

If the element if loaded at the same time the DOM is loaded then your script recognizes the element you are targeting and it works.

If you add an element to the DOM dynamically, your script does not recognize the element.

I tried binding 'newHover' to the live() function but it didn't work.

Am I missing something??

tap event should be trigerd on release

It's not possible to scroll on touch device without trigger tap event.

tap event is triggered on touchDown, it should be triggered on touchUp. (and only if no touchMove was detected).

Separate tap & double tap

Hi all,

How can require failure tap trigger when double tap?

Thanks

Event Propergation

Hi,

Not sure if this is the right place for this, not really an issue I don't think, I think I am doing something wrong. Just after a point in the right direction is possible. Great pluggin by the way.

My problem is that when I make a div Touchable() then I can no longer click on the links in the div.

I am using "touchablemove" event to do some custom scrolling of the div, which works great but then none of the links are clickable any more.

I am adding another event (longTap), but the target of the event object is the div not the link.

Anyway any help greatly appriciated.

Phil

'q' is null or not an object in Internet Explorer

Getting errors under IE. "Object doesn't support this property or method." Line 55 char 5 when calling touchable against an element.

Reference to the original event to stop propagation

I would like to be able to do something like this, but I cannot see a way to do it:

$el.on("touchablemove", function (e, touch) {
  touch.originalEvent.preventDefault();
  touch.originalEvent.stopPropagation();
});

Or am I missing something?

page not available on jquery official plugin site.

http://plugins.jquery.com/project/Touchable is down or no is longer available.

Can we just remove this link from github for now and make this point to demo page instead.

touchable on firefox for android

Seems to not respond to the touch events at all. Just tried with the latest marketplace release of firefox.

NPM Install not working

When a try npm install dotmaster/Touchable-jQuery-Plugin --save the NPM can't install this package and also returns in log file:

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/Cellar/node/6.2.1/bin/node',
1 verbose cli   '/usr/local/bin/npm',
1 verbose cli   'install',
1 verbose cli   'dotmaster/Touchable-jQuery-Plugin',
1 verbose cli   '--save' ]
2 info using [email protected]
3 info using [email protected]
4 silly loadCurrentTree Starting
5 silly install loadCurrentTree
6 silly install readLocalPackageData
7 silly fetchPackageMetaData dotmaster/Touchable-jQuery-Plugin
8 silly fetchOtherPackageData dotmaster/Touchable-jQuery-Plugin
9 silly cache add args [ 'dotmaster/Touchable-jQuery-Plugin', null ]
10 verbose cache add spec dotmaster/Touchable-jQuery-Plugin
11 silly cache add parsed spec Result {
11 silly cache add   raw: 'dotmaster/Touchable-jQuery-Plugin',
11 silly cache add   scope: null,
11 silly cache add   escapedName: null,
11 silly cache add   name: null,
11 silly cache add   rawSpec: 'dotmaster/Touchable-jQuery-Plugin',
11 silly cache add   spec: 'github:dotmaster/Touchable-jQuery-Plugin',
11 silly cache add   type: 'hosted',
11 silly cache add   hosted:
11 silly cache add    { type: 'github',
11 silly cache add      ssh: '[email protected]:dotmaster/Touchable-jQuery-Plugin.git',
11 silly cache add      sshUrl: 'git+ssh://[email protected]/dotmaster/Touchable-jQuery-Plugin.git',
11 silly cache add      httpsUrl: 'git+https://github.com/dotmaster/Touchable-jQuery-Plugin.git',
11 silly cache add      gitUrl: 'git://github.com/dotmaster/Touchable-jQuery-Plugin.git',
11 silly cache add      shortcut: 'github:dotmaster/Touchable-jQuery-Plugin',
11 silly cache add      directUrl: 'https://raw.githubusercontent.com/dotmaster/Touchable-jQuery-Plugin/master/package.json' } }
12 verbose addRemoteGit caching dotmaster/Touchable-jQuery-Plugin
13 verbose addRemoteGit dotmaster/Touchable-jQuery-Plugin is a repository hosted by github
14 silly tryGitProto attempting to clone git://github.com/dotmaster/Touchable-jQuery-Plugin.git
15 silly tryClone cloning dotmaster/Touchable-jQuery-Plugin via git://github.com/dotmaster/Touchable-jQuery-Plugin.git
16 verbose tryClone git-github-com-dotmaster-Touchable-jQuery-Plugin-git-fa23f415 not in flight; caching
17 verbose correctMkdir /Users/rafael/.npm/_git-remotes correctMkdir not in flight; initializing
18 info git [ 'config', '--get', 'remote.origin.url' ]
19 silly validateExistingRemote dotmaster/Touchable-jQuery-Plugin remote.origin.url: git://github.com/dotmaster/Touchable-jQuery-Plugin.git
20 verbose validateExistingRemote dotmaster/Touchable-jQuery-Plugin is updating existing cached remote /Users/rafael/.npm/_git-remotes/git-github-com-dotmaster-Touchable-jQuery-Plugin-git-fa23f415
21 info git [ 'fetch', '-a', 'origin' ]
22 verbose updateRemote git fetch -a origin (git://github.com/dotmaster/Touchable-jQuery-Plugin.git)
23 verbose correctMkdir /Users/rafael/.npm/_git-remotes correctMkdir not in flight; initializing
24 verbose setPermissions dotmaster/Touchable-jQuery-Plugin set permissions on /Users/rafael/.npm/_git-remotes/git-github-com-dotmaster-Touchable-jQuery-Plugin-git-fa23f415
25 verbose resolveHead dotmaster/Touchable-jQuery-Plugin original treeish: master
26 info git [ 'rev-list', '-n1', 'master' ]
27 silly resolveHead dotmaster/Touchable-jQuery-Plugin resolved treeish: c6869640800307061a36d2d36940fff2350f886d
28 verbose resolveHead dotmaster/Touchable-jQuery-Plugin resolved Git URL: git://github.com/dotmaster/Touchable-jQuery-Plugin.git#c6869640800307061a36d2d36940fff2350f886d
29 silly resolveHead Git working directory: /var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-558b93c8/c6869640800307061a36d2d36940fff2350f886d
30 info git [ 'clone',
30 info git   '/Users/rafael/.npm/_git-remotes/git-github-com-dotmaster-Touchable-jQuery-Plugin-git-fa23f415',
30 info git   '/var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-558b93c8/c6869640800307061a36d2d36940fff2350f886d' ]
31 verbose cloneResolved dotmaster/Touchable-jQuery-Plugin clone Cloning into '/var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-558b93c8/c6869640800307061a36d2d36940fff2350f886d'...
31 verbose cloneResolved done.
32 info git [ 'checkout', 'c6869640800307061a36d2d36940fff2350f886d' ]
33 verbose checkoutTreeish dotmaster/Touchable-jQuery-Plugin checkout Note: checking out 'c6869640800307061a36d2d36940fff2350f886d'.
33 verbose checkoutTreeish
33 verbose checkoutTreeish You are in 'detached HEAD' state. You can look around, make experimental
33 verbose checkoutTreeish changes and commit them, and you can discard any commits you make in this
33 verbose checkoutTreeish state without impacting any branches by performing another checkout.
33 verbose checkoutTreeish
33 verbose checkoutTreeish If you want to create a new branch to retain commits you create, you may
33 verbose checkoutTreeish do so (now or later) by using -b with the checkout command again. Example:
33 verbose checkoutTreeish
33 verbose checkoutTreeish   git checkout -b <new-branch-name>
33 verbose checkoutTreeish
33 verbose checkoutTreeish HEAD is now at c686964... Merge pull request #13 from tomds/prevent-click
34 info git [ 'submodule', '-q', 'update', '--init', '--recursive' ]
35 verbose updateSubmodules dotmaster/Touchable-jQuery-Plugin submodule update
36 error addLocal Could not install /var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-558b93c8/c6869640800307061a36d2d36940fff2350f886d
37 silly tryHTTPS attempting to clone git+https://github.com/dotmaster/Touchable-jQuery-Plugin.git
38 silly tryClone cloning dotmaster/Touchable-jQuery-Plugin via git+https://github.com/dotmaster/Touchable-jQuery-Plugin.git
39 verbose tryClone git-https-github-com-dotmaster-Touchable-jQuery-Plugin-git-50d1b935 not in flight; caching
40 verbose correctMkdir /Users/rafael/.npm/_git-remotes correctMkdir not in flight; initializing
41 info git [ 'config', '--get', 'remote.origin.url' ]
42 silly validateExistingRemote dotmaster/Touchable-jQuery-Plugin remote.origin.url: https://github.com/dotmaster/Touchable-jQuery-Plugin.git
43 verbose validateExistingRemote dotmaster/Touchable-jQuery-Plugin is updating existing cached remote /Users/rafael/.npm/_git-remotes/git-https-github-com-dotmaster-Touchable-jQuery-Plugin-git-50d1b935
44 info git [ 'fetch', '-a', 'origin' ]
45 verbose updateRemote git fetch -a origin (https://github.com/dotmaster/Touchable-jQuery-Plugin.git)
46 verbose correctMkdir /Users/rafael/.npm/_git-remotes correctMkdir not in flight; initializing
47 verbose setPermissions dotmaster/Touchable-jQuery-Plugin set permissions on /Users/rafael/.npm/_git-remotes/git-https-github-com-dotmaster-Touchable-jQuery-Plugin-git-50d1b935
48 verbose resolveHead dotmaster/Touchable-jQuery-Plugin original treeish: master
49 info git [ 'rev-list', '-n1', 'master' ]
50 silly resolveHead dotmaster/Touchable-jQuery-Plugin resolved treeish: c6869640800307061a36d2d36940fff2350f886d
51 verbose resolveHead dotmaster/Touchable-jQuery-Plugin resolved Git URL: git+https://github.com/dotmaster/Touchable-jQuery-Plugin.git#c6869640800307061a36d2d36940fff2350f886d
52 silly resolveHead Git working directory: /var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-9e2b799c/c6869640800307061a36d2d36940fff2350f886d
53 info git [ 'clone',
53 info git   '/Users/rafael/.npm/_git-remotes/git-https-github-com-dotmaster-Touchable-jQuery-Plugin-git-50d1b935',
53 info git   '/var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-9e2b799c/c6869640800307061a36d2d36940fff2350f886d' ]
54 verbose cloneResolved dotmaster/Touchable-jQuery-Plugin clone Cloning into '/var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-9e2b799c/c6869640800307061a36d2d36940fff2350f886d'...
54 verbose cloneResolved done.
55 info git [ 'checkout', 'c6869640800307061a36d2d36940fff2350f886d' ]
56 verbose checkoutTreeish dotmaster/Touchable-jQuery-Plugin checkout Note: checking out 'c6869640800307061a36d2d36940fff2350f886d'.
56 verbose checkoutTreeish
56 verbose checkoutTreeish You are in 'detached HEAD' state. You can look around, make experimental
56 verbose checkoutTreeish changes and commit them, and you can discard any commits you make in this
56 verbose checkoutTreeish state without impacting any branches by performing another checkout.
56 verbose checkoutTreeish
56 verbose checkoutTreeish If you want to create a new branch to retain commits you create, you may
56 verbose checkoutTreeish do so (now or later) by using -b with the checkout command again. Example:
56 verbose checkoutTreeish
56 verbose checkoutTreeish   git checkout -b <new-branch-name>
56 verbose checkoutTreeish
56 verbose checkoutTreeish HEAD is now at c686964... Merge pull request #13 from tomds/prevent-click
57 info git [ 'submodule', '-q', 'update', '--init', '--recursive' ]
58 verbose updateSubmodules dotmaster/Touchable-jQuery-Plugin submodule update
59 error addLocal Could not install /var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-9e2b799c/c6869640800307061a36d2d36940fff2350f886d
60 silly trySSH attempting to clone [email protected]:dotmaster/Touchable-jQuery-Plugin.git
61 silly tryClone cloning dotmaster/Touchable-jQuery-Plugin via [email protected]:dotmaster/Touchable-jQuery-Plugin.git
62 verbose tryClone git-github-com-dotmaster-Touchable-jQuery-Plugin-git-aff7fdc5 not in flight; caching
63 verbose correctMkdir /Users/rafael/.npm/_git-remotes correctMkdir not in flight; initializing
64 info git [ 'config', '--get', 'remote.origin.url' ]
65 silly validateExistingRemote dotmaster/Touchable-jQuery-Plugin remote.origin.url: [email protected]:dotmaster/Touchable-jQuery-Plugin.git
66 verbose validateExistingRemote dotmaster/Touchable-jQuery-Plugin is updating existing cached remote /Users/rafael/.npm/_git-remotes/git-github-com-dotmaster-Touchable-jQuery-Plugin-git-aff7fdc5
67 info git [ 'fetch', '-a', 'origin' ]
68 verbose updateRemote git fetch -a origin ([email protected]:dotmaster/Touchable-jQuery-Plugin.git)
69 verbose correctMkdir /Users/rafael/.npm/_git-remotes correctMkdir not in flight; initializing
70 verbose setPermissions dotmaster/Touchable-jQuery-Plugin set permissions on /Users/rafael/.npm/_git-remotes/git-github-com-dotmaster-Touchable-jQuery-Plugin-git-aff7fdc5
71 verbose resolveHead dotmaster/Touchable-jQuery-Plugin original treeish: master
72 info git [ 'rev-list', '-n1', 'master' ]
73 silly resolveHead dotmaster/Touchable-jQuery-Plugin resolved treeish: c6869640800307061a36d2d36940fff2350f886d
74 verbose resolveHead dotmaster/Touchable-jQuery-Plugin resolved Git URL: git+ssh://[email protected]/dotmaster/Touchable-jQuery-Plugin.git#c6869640800307061a36d2d36940fff2350f886d
75 silly resolveHead Git working directory: /var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-94cd38f7/c6869640800307061a36d2d36940fff2350f886d
76 info git [ 'clone',
76 info git   '/Users/rafael/.npm/_git-remotes/git-github-com-dotmaster-Touchable-jQuery-Plugin-git-aff7fdc5',
76 info git   '/var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-94cd38f7/c6869640800307061a36d2d36940fff2350f886d' ]
77 verbose cloneResolved dotmaster/Touchable-jQuery-Plugin clone Cloning into '/var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-94cd38f7/c6869640800307061a36d2d36940fff2350f886d'...
77 verbose cloneResolved done.
78 info git [ 'checkout', 'c6869640800307061a36d2d36940fff2350f886d' ]
79 verbose checkoutTreeish dotmaster/Touchable-jQuery-Plugin checkout Note: checking out 'c6869640800307061a36d2d36940fff2350f886d'.
79 verbose checkoutTreeish
79 verbose checkoutTreeish You are in 'detached HEAD' state. You can look around, make experimental
79 verbose checkoutTreeish changes and commit them, and you can discard any commits you make in this
79 verbose checkoutTreeish state without impacting any branches by performing another checkout.
79 verbose checkoutTreeish
79 verbose checkoutTreeish If you want to create a new branch to retain commits you create, you may
79 verbose checkoutTreeish do so (now or later) by using -b with the checkout command again. Example:
79 verbose checkoutTreeish
79 verbose checkoutTreeish   git checkout -b <new-branch-name>
79 verbose checkoutTreeish
79 verbose checkoutTreeish HEAD is now at c686964... Merge pull request #13 from tomds/prevent-click
80 info git [ 'submodule', '-q', 'update', '--init', '--recursive' ]
81 verbose updateSubmodules dotmaster/Touchable-jQuery-Plugin submodule update
82 error addLocal Could not install /var/folders/l3/qjng_cgs1n7412yj0vnmghb00000gn/T/npm-66265-81f63251/git-cache-94cd38f7/c6869640800307061a36d2d36940fff2350f886d
83 silly fetchPackageMetaData Error: EISDIR: illegal operation on a directory, read
83 silly fetchPackageMetaData     at Error (native)
83 silly fetchPackageMetaData  error for dotmaster/Touchable-jQuery-Plugin { Error: EISDIR: illegal operation on a directory, read
83 silly fetchPackageMetaData     at Error (native) errno: -21, code: 'EISDIR', syscall: 'read' }
84 silly rollbackFailedOptional Starting
85 silly rollbackFailedOptional Finishing
86 silly runTopLevelLifecycles Starting
87 silly runTopLevelLifecycles Finishing
88 silly install printInstalled
89 verbose stack Error: EISDIR: illegal operation on a directory, read
89 verbose stack     at Error (native)
90 verbose cwd /Users/rafael/Documents/GitHub/ShopBackBR/Tags
91 error Darwin 15.5.0
92 error argv "/usr/local/Cellar/node/6.2.1/bin/node" "/usr/local/bin/npm" "install" "dotmaster/Touchable-jQuery-Plugin" "--save"
93 error node v6.2.1
94 error npm  v3.10.2
95 error code EISDIR
96 error errno -21
97 error syscall read
98 error eisdir EISDIR: illegal operation on a directory, read
99 error eisdir This is most likely not a problem with npm itself
99 error eisdir and is related to npm not being able to find a package.json in
99 error eisdir a package you are trying to install.
100 verbose exit [ -21, true ]

Longtap No Longer Working in Safari 5.1.2/Chrome 18 (Dev) on Desktop Windows 7 64-bit

EDIT - For some reason restarting my computer fixed the issue. SO WEIRD!!

It just doesn't work.

However, it works in Firefox on the same computer...

If I hold my mouse down on the #touchable3 div that you have created for your github demo page, I get a reoccurring error that keeps populating itself in the console log.

["Touchable Touchablemove self e.target[object HTMLDivElement]e.currentTarget [object HTMLDocument] x:0"]

hoverable.js:39["Touchable target ID/node hitTarget undefinede.target[object HTMLDivElement] e.currentTarget[object HTMLDivElement] self in hovertrue"]

However, in Firefox, you get the following instead:

["Touchable Touchstart touches length 213 386"] - touchable.js (line 43)
["Touchable Tap"] - touchable.js (line 43)
["Touchable longTap"] - touchable.js (line 43)
["Touchable newHoverIn"] - hoverable.js (line 39)
["Touchable Touchend self 0"] - touchable.js (line 43)
["Touchable newHoverOut"] - hoverable.js (line 39)
["Touchable newHoverOut2"] - hoverable.js (line 39)
["Touchable: touchableend"] - touchable.js (line 43)
["Touchable: Hittarget click"]

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.