عدم کار کرد صحیح اسلایدر شو با jQuery در موبایل

[Amir-Shabani]

سلام بر دوستان عزیز.

من تازه کار با فریم ورک jQuery رو آغاز کردم که در همین ابتدای به امر با یک مشکل در ساخت یک اسلایدر شو ساده مواجه شدم. مشکل اینه که اسلایدر به درستی بر روی دستکتاپ کار میکنه اما زمانی که از تبلت استفاده میکنم با زدن دکمه بعد یا قبل عکس رو حذف میکنه :|




فایل جی کوئری

$('#n').click(function(){

var displayedImg ='';
$('img').each(function(){
if($(this).css('display')=='inline'){
displayedImg = $(this);
}
});// end of each
if(displayedImg.attr('title')==1){
displayedImg.toggleClass("SS");
$("img").eq(1).toggleClass("SS");
}elseif(displayedImg.attr('title')==2){
displayedImg.toggleClass("SS");
$("img").eq(2).toggleClass("SS");
}elseif(displayedImg.attr('title')==3){
displayedImg.toggleClass("SS");
$("img").eq(0).toggleClass("SS");

}

});

$('#p').click(function(){
var displayedImg ='';
$('img').each(function(){
if($(this).css('display')=='inline'){
displayedImg = $(this);

}
});// end of each

if(displayedImg.attr('title')==1){
displayedImg.toggleClass("SS");
$("img").eq(2).toggleClass("SS");
}elseif(displayedImg.attr('title')==2){
displayedImg.toggleClass("SS");
$("img").eq(0).toggleClass("SS");
}elseif(displayedImg.attr('title')==3){
displayedImg.toggleClass("SS");
$("img").eq(1).toggleClass("SS");
}
});



قسمت HTML


<imgsrc='0.jpg'style="width:300px"title="1">

<imgsrc='1.jpg'style="width:300px"class="SS"title="2">
<imgsrc='2.jpg'style="width:300px"class="SS"title="3"><br/>
<aid='p'href="#">pre</a>
<aid='n'href="#">next</a>



سیستمی هم که تست گرفتم : chrome 40 , Android 4.2.2 on lenovo A300

یک نسخه ازفایلی هم که ساختم در سایت http://sete.ir/en/ قرار دادم