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

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

  • 相关阅读:
    Centos7.3安装jdk和maven
    Centos7.3安装sftp服务和ssh
    Centos7.3安装,并设置网络和防火墙
    Docker 常用命令
    Tomcat配置
    MySQL配置
    配置JDK
    JTable的模型
    JavaBean和List<JavaBean>
    JavaBean
  • 原文地址:https://www.cnblogs.com/purple04551/p/7886810.html
Copyright © 2011-2022 走看看