orientationchangeイベント後にサイズ変更イベントの発生を保証する方法はありますか（jQuery Mobile、JavaScript）？

Question

私はiOS、特にiPhoneの問題を抱えています。私のjQuery Mobile WebアプリケーションがjQuery Mobileのorientationchangeイベントの前にウィンドウのサイズ変更イベントを発生させています。私はこれが私のテストで、この時点で（それは後で跳ね上がるかもしれない）、Android上で発生するのを見ていない。オリエンテーション変更イベント後にサイズ変更イベントが発生することを保証する方法はありますか？恐らくwindow.orientationを利用していますか？

ありがとうございます。

Answer 1

良いニュースと悪いニュース。悪いニュースは、いいえ、それを保証することはできません。このバグは当初からありましたが、まだ完全に解決されていません。私は彼らがすぐにいつもいるとは思っていませんし、他のプラットフォームの競合他社がオーバーヘッドを減らして市場投入するために急いで彼らのものを正しく実装することも期待しません。

良いニュースは、おそらくJavaScriptイベントも必要ないということです。あなたがCSS Media Queriesを使ってやろうとしていることをすべて達成することができ、より確実に行うことができます。あなたはorientationchangeイベント

を待つためにタイムアウトを設定することができます

/* Regular mobile styles */ 
.logo-large{ 
    background-image:url(../images/logo.png); 
    background-repeat:no-repeat; 
    background-position:0 0; 
    position:relative; 
    top:0; 
    left:0; 
    width:290px; 
    height:65px; 
    margin:0 auto; 
    border:none; 
} 



/* Horizontal */ 
@media all and (min-width: 480px){ 
    /* put your horizontal stylings here */ 
} 

/* HD/Retina */ 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
     only screen and (min--moz-device-pixel-ratio: 1.5), 
     only screen and (min-resolution: 240dpi) { 
    .logo-large{ 
     background-image:url(../images/logoHD.png);background-size:290px 65px; 
    } 
} 


/* iPad */ 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 

} 

Answer 2

ITは

$(window).bind('resize', function() { setTimeout(function() { messageToNativeApp('screen_resized'); }, 500); });