打开/关闭切换取决于移动或桌面浏览器,并强制它们在浏览器调整大小时进行更改

问题描述

我正在尝试使用jQuery来使我的切换开关在桌面上保持打开状态,而在移动设备上保持关闭状态。其次,我试图让它们在调整浏览器大小时强制切换。

我设法使第一点起作用;但是,我发现切换开关一旦关闭就不会再次打开,因此包含$(window).off('resize')似乎已经解决了这一问题(我认为打开切换开关会触发浏览器调整大小事件)。但是,由于基于max-width的调整大小已关闭,因此现在在基于function placeHeader(){ var maximum = 960; if($(window).width() > maximum ) { $(".porto-toggles section").attr("class","toggle active"); $(".porto-toggles .toggle-content").show(); } if($(window).width() < maximum ) { $(".porto-toggles section").removeClass("active"); $(".porto-toggles .toggle-content").hide(); $('.porto-toggles section').on('click',function(){ $(window).off('resize'); }); } } $(window).load(function(){ placeHeader(); }); $(window).resize(function(){ placeHeader(); }); 调整浏览器大小时,切换不会强制打开/关闭。请参阅下面的相关代码

请有人能告诉我我要去哪里哪里

非常感谢您的帮助。

{{1}}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)