在方向更改上运行脚本

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);