Why does swipe left not work for Jquery mobile?

Question

I have the following code that tries to detect swipes left and right:

    $('#my_view').bind('pageinit', function() {
        $( '#my_view' ).on( "swipeleft swiperight", "#myItem", function( event ) {
            var listitem = $( this ),
            dir = event.type === "swipeleft" ? "left" : "right";
            console.log("Detected swipe!!!! " + dir);
        }); 
    });

However this only detects the right swipe and never detects a left swipe, can anyone explain why?

Answer 1

I created a fiddle and it seems to work fine

DEMO

Maybe for the pageinit, use $(document).on:

$(document).on("pageinit", "#my_view", function(){   
    $('#my_view').on( "swipeleft swiperight", "#myItem li", function( event ){
        alert(event.type);

    });
});