Search jQuery

jQuery Forum

swipe event bug

in jQuery Mobile • 7 years ago

Hi everybody, I've got a problem using the swipe event, I have to swipe around 10 times to fire it.
I saw this problem in many topics but I didn't understand how to fix it.

Here's my code :

$("#article").on("swipeleft", function(){

$(":mobile-pagecontainer").pagecontainer("change", "#pAccueil", { transition: "slide" });

}

);

Thank you !

Replies(5)

Alahakan

Re: swipe event bug

7 years ago

You can adjust various parameters used to recognize the swipe. This might be necessary depending on pixel density of a particular device.

http://api.jquerymobile.com/swipe/

Other than that - some devices have better sensors than others. I'll bet the device you are talking about is not an Apple device. ;)

As well, you've shown no code (save a one-line snippet) or example, so no way to tell if there's some bug in your code.

Alahakan

It is really strange, I think there's no problem with the code because on android emulator it works perfectly.

Yes you're right, I tried on an android tablet, so it should come from the device itself ?

Anyway, I'll try to change $.event.special.swipe.horizontalDistanceThreshold, but I don't know if it is really the problem.

Alahakan

Re: swipe event bug

7 years ago

Ok the problem is solved :

1) I had to change $.event.special.swipe.horizontalDistanceThreshold from its default value (30) to 3, else it doesn't fire each time...

2) with $.event.special.swipe.horizontalDistanceThreshold=3, the event launched multiple times (don't know why again), so I had to put a .off before my catching, and I also saw on a forum event.stopImmediatePropagation(); so I tried to put it, but I don't think it changes anything.

Anyway, here's my code working :

$("#article").off("swipeleft");

$("#article").on("swipeleft", function(){

location.href="#pAccueil";

event.stopImmediatePropagation();

}

);

Thank you for your help watusiware !

watusiware

Re: swipe event bug

7 years ago

.off().....on() in jQuery Mobile is a red flag that almost always signals something wrong. It shouldn't be necessary.

I'd guess that you were (and are) making multiple callback registrations for the same element. That's why it was triggered multiple times. It probably got worse the more page changes you do.

Impossible to do more than guess, since you only showed us a little snippet of code, out of context. Just where did you put the code shown above?

Top Reply

Response title

Attachments

jQuery Forum

swipe event bug

Replies(5)

Re: swipe event bug

Re: swipe event bug

Re: swipe event bug

Re: swipe event bug

Re: swipe event bug

Statistics

Tags

Actions

Related Posts