Need help jquery draggable so work in touchsreen

I am trying make a slider like [URL=”www.pureexample.com/jquery-ui/draggable-axis.html”]here[/URL]

its working properly on any browser but not on touchsreen like Ipad,

i have tried jQuery UI Touch Punch from [URL=”http://murfitt.net/blog/jquery-ui-touch-support-ipad-and-other-tablets-and-smartphones”]here[/URL] but still not work.

Here my simple JS

[CODE]$(‘#magnify-glass’).draggable({
axis: “x”,
containment: “parent”,
snap: ‘.snap’,
snapMode : ‘inner’,
snapTolerance : 30,
cursor: ‘move’,

drag: function(event, ui) {
updateImagePosition(event, ui);
}
});[/CODE]

and my CSS

[CODE]#magnify-glass {

width: 122px;
height: 121px;
background: url(“images/magnify.png”) no-repeat;
position: absolute;
top: -50px;
left: 0;
z-index: 10;
display: block;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}

#shelf #magnify-glass:hover {
cursor: pointer !important;
}[/CODE]

Thanks in advance for your help

Also in #JavaScript _↴