javascript - 横向tab问题

Question

像这样的滚动用css3控制的话，如果连续点击多次箭头的话会导致导航最后的位置不正确，该怎么解决呢？

$nowBox.find(".pre").on("click",function(){
    var tLiLen = $aTabLi.length;
    var iWidth = $aTabLi.eq(0).width();
    var nowMargin = parseInt($oTabUl.css("marginLeft"));
    if(nowMargin >= (iWidth * 6) - (iWidth * tLiLen)){
        $oTabUl.css("marginLeft",nowMargin - iWidth);
    }else{
        return false;
    }
}

Answer 1

LZ意思是说连续点击箭头，然后前一步的操作没完成 后面的计算就会算错？
试试jquery animate + stop

Answer 2

不太会CSS，个人建议仅供参考：可能的话，每个tab一个ID（固定或自动生成），ID定位快、精准，find本来就慢，DOM发生变化后find是否精准不太肯定。

Answer 3

我觉得算宽度不太靠谱，特别实时计算的话效率低，你可以用

<ul><li></li><li></li></ul>

移动的时候选取不同的li

Answer 4

看了下lz的代码不就是用margin-left控制的吗……这又不是css3属性

针对问题的话，应该是同步方面的，可以加一个信号量做控制，学过的应该都懂，第一个调用的时候就锁死，调用结束释放