下面代码,点击一次向左,等完成后,再点击没问题,如果一直点,快速点,到头后还能跑过,这个怎么处理,是不是应该让点击执行完后才可再次点击,应该怎么写
http://jsfiddle.net/N72mP/1/




$(document).ready(function () {
var $Imgs=$('.no-select .cover-imgs'),
$ImgsLi=$Imgs.children('li'),
$ImgsLen=$ImgsLi.length,
$ImgsLeft=$('.no-select .left .arrow-img'),
$ImgsRight=$('.no-select .right .arrow-img');
$ImgsLeft.bind('mousedown',function(){
if( ($Imgs.position().left >= 0) ){
$(this).parent().addClass('none');
}
if( ($Imgs.position().left < 226) ){
var nowLeft = $Imgs.position().left+226;
$ImgsRight.parent().removeClass('none');
$Imgs.animate({'left':nowLeft},300);
}
});
$ImgsRight.bind('mousedown',function(){
if( ($Imgs.position().left <= 226) && ($Imgs.position().left >= (-($ImgsLen-3)*226)) ){
var nowLeft = $Imgs.position().left-226;
$ImgsLeft.parent().removeClass('none');
$Imgs.animate({'left':nowLeft},300);
}
if( $Imgs.position().left <= (-($ImgsLen-3)*226) ){
$(this).parent().addClass('none');
}
});
});
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
题主把一个简单的幻灯片弄得太复杂了