javascript - 在移动设备上查看主页不使用 jquery 重定向

Question

我有一个自己建立的网站；

http://ryanotoolecollett.com/

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

http://ryanotoolecollett.com/portfolio

我已经在 linode 服务器上部署了这个网站，并事先使用 IP 地址对其进行了测试，它在移动设备和 PC 上都可以正常工作。

但是现在链接域后，在调整大小和加载 <768px 时，重定向可以在 PC 上运行，但在移动设备上它会呈现空白页面(即 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";

 }

});

Answer 1

在您正在执行的 if 语句中:

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

这很好，但 window.location.href 实际上等于 http://ryanotoolecollett.com/ 请注意末尾的正斜杠。