一个页面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~~~ 万一有和我遇到同样问题的呢 ,也算是可参考
助人为乐,手留余香 哈哈~~~