在移动视图主页上不使用jquery重定向

时间:2017-08-01 14:34:37

标签: javascript jquery

我有一个我建立的网站;

http://ryanotoolecollett.com/

当调整大小小于(<768px)或在窗口宽度<768px时加载它应该重定向到;

http://ryanotoolecollett.com/portfolio

我已经在linode服务器上部署了这个站点,并且正在使用ip地址对其进行测试,并且它正在移动设备和PC上运行。

然而,现在在链接域之后,重定向在PC上调整大小并加载&lt; 768px,但是在移动设备上它会呈现空白页面(即landing-page:display-none;)。但这并不意味着发生。

这是我为此编写的jquery代码(它在我的文档就绪函数中)

 $(window).on('load resize',function(event){
  event.preventDefault();

  if($(window).width() < 768 && window.location.href == 'http://ryanotoolecollett.com'){

   window.location.href = "http://ryanotoolecollett.com/portfolio";

 }

});

2 个答案:

答案 0 :(得分:1)

在您if声明中:

$(window).width() < 768 && window.location.href == 'http://ryanotoolecollett.com'

哪个好,但window.location.href实际上等于http://ryanotoolecollett.com/注意到最后的正斜杠。

答案 1 :(得分:0)

你可以这样做:

if(window.innerWidth<786)
 window.location.href = "http://ryanotoolecollett.com/portfolio";