在方向更改上运行脚本

Question

想要运行获取页面宽度的脚本并调整div的大小以适应。唯一的问题是iPad改变它没有更新时的方向。第一部分工作正常，

function getWidth() {
var w = window.innerWidth;
x = document.getElementById("demo");
    x.style.width= w +"px"; 
} 

想要将其添加到此

中

function doOnOrientationChange()
{
switch(window.orientation) 
{  
  case -90:
  case 90:
    alert('landscape');
    break; 
  default:
    alert('portrait');
    break; 
}
}

但是将警报更改为getWidth函数但可以使其正常工作

Answer 1

您必须绑定orientationchange事件，如下所示：

window.addEventListener("orientationchange", doOnOrientationChange, false);

或在jQuery中

$(window).on("orientationchange", doOnOrientationChange);