一个页面tab标签切换,都有scroll事件的解决办法

来源:一直在路上的猪  时间:2017-11-23    阅读:   我要吐槽    阿里云幸运券

当前页有多个tab,如果都有scroll事件, 先解绑$(window).off('scroll') 再执行scroll就不可以了,多个标签就不会互相干扰;

给你们个例子:

//标签切换
    $('.tab>a').on('click',function(){
        $(this).addClass('Cur').siblings().removeClass('Cur');           
        $('.Content>div').eq($(this).index()).show().siblings().hide();

         $(window).off('scroll');  //先解绑滚动事件,避免tab切换冲突
        //标签1
        if($(this).index()=="0"){     
            Load1();    //标签一执行的函数    
        }
       
       //标签2
        if($(this).index()=="1"){   
              Load2();    //标签二执行的函数
        };
       
        //标签3
        if($(this).index()=="2"){
             Load3();    //标签三执行的函数
        };
    });

没有深入研究更简单的写法,大家凑合着看,这都是我写东西遇到的问题,觉得当时比较费劲的,可能你们觉得没啥,so easy~~~     万一有和我遇到同样问题的呢 ,也算是可参考

Tags:事件  页面  标签  scroll  

参与讨论