Question

I looked at jquerymobile documentation and saw:
event for swipe, swipeleft and swiperight

is there a swipevertical event or similar ?

Answer 1

Unfortunately swipeup and swipedown don’t exist in jQuery mobile and they are not planed for version 1.3. There is an 3rd party plugin here: http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html. Use them like you would use normal events: swipedown and swipeup.

You can also use this plugin if you need this implementation: http://www.netcu.de/jquery-touchwipe-iphone-ipad-library. It also works on Android devices. This is a worst case scenario solution because unlike official event there ones don’t work on desktop browsers.

Here’s an working example, test it on mobile devices only: http://jsfiddle.net/Gajotres/WYnnk/

    $("#wrapper").touchwipe({
         wipeLeft: function() { 
             $("#carousel").trigger("next", 1);
         },
         wipeRight: function() { 
             $("#carousel").trigger("next", 1);        
         },
         min_move_x: 20,
         min_move_y: 20,
         preventDefaultEvents: true
    });