Vertical Swipe - Wishlist Item

You can add the functions to the Stages compositionReady. Read this

How to get swipe up and swipe down event in jQuery Mobile? - Stack Overflow

You can use a function like this to do it.

var supportTouch = $.support.touch,

            scrollEvent = "touchmove scroll",

            touchStartEvent = supportTouch ? "touchstart" : "mousedown",

            touchStopEvent = supportTouch ? "touchend" : "mouseup",

            touchMoveEvent = supportTouch ? "touchmove" : "mousemove";

    $.event.special.swipeupdown = {

        setup: function() {

            var thisObject = this;

            var $this = $(thisObject);

            $this.bind(touchStartEvent, function(event) {

                var data = event.originalEvent.touches ?

                        event.originalEvent.touches[ 0 ] :

                        event,

                        start = {

                            time: (new Date).getTime(),

                            coords: [ data.pageX, data.pageY ],

                            origin: $(event.target)

                        },

                        stop;

                function moveHandler(event) {

                    if (!start) {

                        return;

                    }

                    var data = event.originalEvent.touches ?

                            event.originalEvent.touches[ 0 ] :

                            event;

                    stop = {

                        time: (new Date).getTime(),

                        coords: [ data.pageX, data.pageY ]

                    };

                    // prevent scrolling

                    if (Math.abs(start.coords[1] - stop.coords[1]) > 10) {

                        event.preventDefault();

                    }

                }

                $this

                        .bind(touchMoveEvent, moveHandler)

                        .one(touchStopEvent, function(event) {

                    $this.unbind(touchMoveEvent, moveHandler);

                    if (start && stop) {

                        if (stop.time - start.time < 1000 &&

                                Math.abs(start.coords[1] - stop.coords[1]) > 30 &&

                                Math.abs(start.coords[0] - stop.coords[0]) < 75) {

                            start.origin

                                    .trigger("swipeupdown")

                                    .trigger(start.coords[1] > stop.coords[1] ? "swipeup" : "swipedown");

                        }

                    }

                    start = stop = undefined;

                });

            });

        }

    };

    $.each({

        swipedown: "swipeupdown",

        swipeup: "swipeupdown"

    }, function(event, sourceEvent){

        $.event.special[event] = {

            setup: function(){

                $(this).bind(sourceEvent, $.noop);

            }

        };

    });

sym.$('element').on('swipedown',function(){alert("swipedown..");} );

sym.$('element').on('swipeup',function(){alert("swipeup..");} );

So when you swipe up on a rectangle or whatever you have on the stage called "element" it will alert "swipeup" and same with swipe down.

I've tested it and it works for me.

I hope this helps.

this works!! Don't give up.

Instructions:

1) Add the latest jquery.js to your Sctipts https://jquery.com/download/

2) Create an element on the stage such as a large rectangle. Name it "element"

3) Copy and paste the code in seano2o7's post above to Stages - compositionReady

Honest it works!! thanks seano2o7, I've been looking all over for this!!

Mark