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


当前页有多个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~~~     万一有和我遇到同样问题的呢 ,也算是可参考

助人为乐,手留余香            哈哈~~~

 

www.dengb.comtruehttps://www.dengb.com/jQuery/1234242.htmlTechArticle一个页面tab标签切换,都有scroll事件的解决办法,tabscroll 当前页有多个tab,如果都有scroll事件, 先解绑$(window).off(‘scroll’) 再执行scroll就不…

—-想了解更多的jQuery特效教程关注<计算机技术网(www.ctvol.com)!!>

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/jquerytutorial/102016.html

(0)
上一篇 2020年4月27日
下一篇 2020年4月27日

精彩推荐