我有一个我建立的网站;
当调整大小小于(<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";
}
});
答案 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";