jQuery Forum

thanks for that! This issue has been driving me mental. I'm kind of annoyed that it hasn't been addressed in an update yet.

is it really firing twice ? or does it fire the swipe event and after that the swiperight/swipeleft event ? 

If you attach your handler to anything lower than the document, you receive swipeleft or swiperight twice. Without doing something really ugly (keeping a timestamp in a static, for example) it's impossible to determine if it's a duplicate. I ended up refining my solution to only return false when a swipe notification was actually sent.

there is an example at http://www.tiagoa.com.br/events-demo/

Could you please post your code? Because I've been using swipeleft and swiperight and never had any "firing twice" issue.

I actually don't think you should tweak the jQuery Mobile, and would be curious to check out how you handle those events.

Thank you for this post because it was useful.

What I did in the end is to handle the swipeleft / right events at the level of the document, not in my pageDiv.
Nevertheless, binding to the swipeleft event I do it at the level of the pageDiv using the pageshow event. This is because I want to handle the swipe differently only for this page, not for any other. I think doing so is just playing safe...

I paste some code for anyone interested:

$("#pageID").on('pageshow',function(evt){
        $("#bodyContent").css("-webkit-transform", "translateX(0px)");
  $("#bodyContent").css("-moz-transform", "translateX(0px)");
  $("#bodyContent").css("-o-transform", "translateX(0px)");
  $("#bodyContent").css("-ms-transform", "translateX(0px)");
  $("#bodyContent").css("transform", "translateX(0px)");
     
        $(document).on('swipeleft',function(event, data){
        event.preventDefault();   
// more code here
});
});

Thank you very much dylanvalade. It worked for me too.