0

ユーザーがモバイルデバイスの向きを変更したときに何かを行う簡単な例があります。 

<script>
$(document).on("orientationchange", function(event) {
if (event.orientation === "landscape") {
    // We have changed to landscape orientation, so we have more room
    // Make the headers and footers longer!
    $("header h1").text("jQuery Mobile Demonstration Application")
    $("footer h3").text("O'Reilly Multimedia Services")
} else {
    // Back in portrait orientation, so return header and footer to original length.
    $("header h1").text("jQuery Mobile")
    $("footer h3").text("O'Reilly")
}
})
</script>

この例（example-3）をhttps://github.com/jreid01/jqm-apiからダウンロードしました。これはhttp://www.youtube.com/watch?v=I6Y4a0hA8t
のソースコードです。 この例をPhoneGapでロードしました。 ：O'Reilly Webcast: The jQuery Mobile API In-Depth 

public class MainActivity extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/example-3.html");
    }
}

さて、この例は私のネクサスワンでもアンドロイドエミュレーターでも機能しません。いくつかの実験を行った後、私がに変更documentしたときに例は機能しましたwindow。オブジェクトが機能しない
理由は何ですか？documentここで欠けている概念は何ですか？

ありがとう！

4

1 に答える 1

2

とても簡単です。「orientation」イベントは、ウィンドウオブジェクトで発生するドキュメントオブジェクトでは発生しません。ダウンロードした例にはバグがあるようです。

于 2012-09-24T13:37:38.680 に答える