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>

我从https://github.com/jreid01/jqm-api下载了这个例子（example-3），
它​​是O'Reilly Webcast: The jQuery Mobile API In-Depth http://www.youtube.com/watch?v=I6Y4a0hA8t
的源代码 我用 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我在这里缺少什么概念？

谢谢！

4

1 回答 1

2

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

于 2012-09-24T13:37:38.680 回答