0

Web ブラウザー (特に Safari) でモバイル Web アプリケーションの向きを変更するときに、Javascript 関数を呼び出そうとしています。アラートが表示されないため、body タグにある onorientationchange が起動しません。本文のオンロードに呼び出しを置くと、アラートが表示されます。モバイル Web ブラウザーの向きが変わったときに関数をトリガーする方法についてのアイデアはありますか?

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script type="text/javascript">  
            function updateOrientation() {
                var displayStr = 'Orientation: ';
                alert("orientation=" + window.orientation);
                switch(window.orientation) {
                    case 0:
                        //do something
                        break;

                    case -90:
                        //do something
                        break;

                    case 90:
                        //do something
                        break;

                    case 180:
                        //do something
                        break;
                }
            }
    </script>
    </head>
    <body onorientationchange="updateOrientation();">
    </body>
</html>
4

2 に答える 2

1

jQueryを使ってみてはどうでしょうか?

$(window).on('orientationchange', function( event ) {
  alert('changed');
});
于 2013-10-22T06:39:20.713 に答える