web app swiping not working correctly on android

web app swiping not working correctly on android

I'm making a web app and I'm trying to implement swiping.  The following works on the iphone, but on the android it seems to be having problems, in that I have to swipe 2-4 times for it to actually swipe.

What is the solution for getting swiping to work correctly on the android?

$('body').on('swipeleft swiperight',function(event){
if (event.type == 'swipeleft')
{
$.mobile.changePage('#leftPage',{transition:'slide'})
}
else if (event.type == 'swiperight')
{
$.mobile.changePage('#rightPage',{transition:'slide',reverse:true})
}
})