一個頁面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~~~     萬一有和我遇到同樣問題的呢 ,也算是可參考

助人為樂,手留余香            哈哈~~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM