Javascript 在手机上查看时隐藏和显示div

Javascript 在手机上查看时隐藏和显示div,javascript,jquery,mobile,Javascript,Jquery,Mobile,我有一个div bob_show可以显示,另一个slider_mobile可以在pc浏览器上打开时隐藏。当在移动设备上打开时,我需要反转该语句 非常感谢你的帮助 Hugo您可以检测导航器类型,并基于此,根据需要执行此操作 有关更多参考资料,请访问此问题 然而,如果您关心的是浏览器宽度,那么您可以使用以下技术 // you can change the width condition as per your need if(window.matchM

我有一个div bob_show可以显示,另一个slider_mobile可以在pc浏览器上打开时隐藏。当在移动设备上打开时,我需要反转该语句

非常感谢你的帮助


Hugo

您可以检测导航器类型,并基于此,根据需要执行此操作

有关更多参考资料,请访问此问题

然而,如果您关心的是浏览器宽度,那么您可以使用以下技术

            // you can change the width condition as per your need
            if(window.matchMedia('max-width:420px').matches || $(window).width() < 768){
            // small devide
                $('#slider_mobile').show();
                $('#bob_show').hide();
            }else{
                $('#slider_mobile').hide();
                $('#bob_show').show();
            }

您希望如何检测“移动设备”?媒体查询将查看可用大小、屏幕/设备宽度等,用户代理将作为请求的一部分传递,并且更加可靠-但随着新设备的发布而不断变化。使用引导。有一个内置类在较小的设备中隐藏div。就像我记得的那样:隐藏的xs隐藏的sm。。。