Question

我有一个简单的例子，当用户更改移动设备的方向时会执行某些操作：

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

我从https://github.com/jreid01/jqm-api下载了这个例子（例子3）这是O'Reilly Webcast: The jQuery Mobile API In-Depth http://www.youtube.com/watch?v=I6Y4a0hA8tI的源代码我用PhoneGap加载了这个例子：

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

现在，这个例子在我的nexus-one和android模拟器上都不起作用。在做了一些实验之后，当我将document更改为window时，该示例确实有效 document对象不起作用的原因是什么？我在这里缺少什么概念？

谢谢！

Answer 1

这很简单。 “orientation”事件不会在文档对象上触发，它会在窗口对象上触发。您下载的示例中似乎存在错误。

android和phonegap上的文档与窗口对象 - jquery mobile

1 个答案: