Javascript/Jquery 在浏览器宽度改变时运行功能?

Vin*_*hua 1 javascript jquery function width

我正在创建一个移动网站,但现在客户坚持使用无响应的原始网站。这意味着我将在同一个域下拥有两个网站。

现在我需要做的是在加载网页时比较用户屏幕大小并将它们重定向到正确的网站。

我可以使用下面的 javascript 解决这个问题:

  if($(window).width() <= 760){ 
    document.location = "https://maps.google.com.my/";
    alert('mobile ver');//goto mobile version
  }
Run Code Online (Sandbox Code Playgroud)

但还有一个问题,如果这个人正在使用

1.小屏幕(电脑屏幕)一开始然后决定最大化浏览器屏幕?

或者

  1. 从纵向视图切换到横向视图,(具有更长的宽度...)

有没有可以在每次浏览器宽度改变时触发的功能?

Adr*_*ian 5

您需要在调整大小事件中调用您的函数

$(window).resize(function() { 
 //call to your function and check the window width
 });
Run Code Online (Sandbox Code Playgroud)