zoukankan      html  css  js  c++  java
  • 一个页面tab标签切换,都有scroll事件的解决办法

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

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

  • 相关阅读:
    运维自动化-Ansible
    YARN 的深入简出
    HDFS 总结
    IDEA 创建HDFS项目 JAVA api
    解决 HDFS 开发 java.lang.IllegalArgumentException: java.net.UnknownHostException: hadoop000
    hadoop深入简出(二)
    大数据hadoop的伪分布式搭建
    anaconda的安装tensorflow
    switch只跟在这些之后
    jsp页面之初体验
  • 原文地址:https://www.cnblogs.com/purple04551/p/7886810.html
Copyright © 2011-2022 走看看