jquery如果当前禁用单击

时间:2015-03-19 14:29:31

标签: jquery

请查看并点击"包2"矩形并看到我试图创建的动画,它工作正常,但如果你再次点击动画将继续,我想创建类似的东西: 如果它在当前的那个上,则单击选项将被禁用

代码:

$(document).ready(function() {

    $('#tab2').click(function(){
        $('.current').animate({ left: "+=208" });
    }); 

});

完整代码: http://jsfiddle.net/13sh602y/

1 个答案:

答案 0 :(得分:2)

你想要一个通用的功能吗?

检查出来

为选项卡添加了一个类名,并将.current设置为当前单击选项卡的offset.left的动画

<div class="current">V</div>
<ul>
    <li class="tabb" id="tab1">package1</li>
    <li class="tabb" id="tab2">package2</li>
    <li class="tabb" id="tab3">package3</li>
</ul>

-

$(document).ready(function() {

    $('.tabb').click(function(){
        $('.current').stop(true,false)
        $('.current').animate({ left: $(this).offset().left });
    }); 

});

http://jsfiddle.net/13sh602y/1/