jquery重定向屏幕宽度和设备旋转

我有一个网站需要显示的主屏幕宽度降低到480，然后切换到移动网站。原始网站太难以反转响应，所以这是我想出的，它的工作原理，除了它需要改进，因为它不反应设备的旋转。在景观中的大型手机上，主站点应显示然后以纵向显示回手机。我所尝试过的一切都打破了我所做的工作。任何想法如何修改这个对设备旋转作出反应，将不胜感激。jquery重定向屏幕宽度和设备旋转

<script type="text/javascript"> 
    $(document).ready(function(){ 
     if($(window).width() < 480){ 
      window.location = "http://mobile" 
     } 
    }); 
</script>

来源

2012-07-19 John

<script type="text/javascript"> 
    $(window).on('load resize',function(){ 
     if($(window).width() < 480){ 
      window.location = "http://mobile" 
     } 
    }); 
</script>

添加您DOM已准备就绪，如果你想加载所有资源的开发

来源

2012-07-19 02:50:17 sabithpocker

谢谢你之前重定向结合为好，工作完美。是的，如果这种方法起作用，它仍然需要一些抛光。 – John 2012-07-19 03:13:00

我可以建议你使用'window.location.replace（“http：// mobile”）'而不是window.location。对于这种重定向，它在浏览器历史记录中表现更好。 – 2012-10-25 10:21:11

看到这篇文章的第一个答案。我认为你需要一个不同的window.location命令。

How to redirect to another webpage in JavaScript/jQuery?

来源

2012-07-19 02:42:27 colonelclick

jquery重定向屏幕宽度和设备旋转

回答

相关问题