slider

[js08]

http://jsfiddle.net/rajkumart08/U9CZA/embedded/result/

When I see this link in iphone device the slider is not working but it works in chrome in firefox the slider movement is not proper
I am providing the code in fiddle also http://jsfiddle.net/rajkumart08/U9CZA/2/
can you guys please say how to fix the issue

I am providing my js code below

$(document).ready(function()
{

$('#demo2').flickable({segments:4});
$('#demo2 a').tap(function(){ alert('You just tapped "'+$(this).text()+'"'); });

if(!Modernizr.touch) {

// If you're on a desktop, show next/prev links for mouse navigation
$('.openme').after('

Prev | Next

');
$('.next').click(function() { $('#demo2').flickable('scrollNext');});
$('.prev').click(function() { $('#demo2').flickable('scrollPrev');});

// Add mouse support
$('#demo2 a').click(function(){ alert('You just clicked "'+$(this).text()+'"'); });
}

});