jQuery Mobile - pageinit和pagecreate只触发一次

Question

我正在开发我的第一个jQuery Mobile项目并遇到了障碍.我使用的是1.0版,到目前为止,该项目非常简单,只有索引上有三个脚本.我$(document).ready(function() { ... });最初使用不正确,然后在文档中读到正确的事情是绑定pageinit或pagecreate.这是我正在进行测试的脚本(直接从文档中):

$("#main").live('pageinit', function(event) {
        alert( 'This page was just enhanced by jQuery Mobile!' );
});

我已经尝试过这个作为外部JS文件和#mainDIV中的脚本,正如我在这里找到的一些旧线程中所建议的那样.这在第一次加载索引时有效,但是当用户导航到另一个页面然后返回(重新访问)时,它不会再次触发.

我错过了什么？

Answer 1

pageshow 每次显示页面时都会触发,无论是在初始页面加载时还是在用户导航离开时,然后导航回该页面.

下面是一个使用pageshow在页面的每个视图上运行代码的示例:http://jsfiddle.net/jasper/DHeva/(请注意,此代码正在结束</body>标记之前运行,并且未封装在$(document.ready(function () {...});函数中).

这是jQuery Mobile Events的文档链接(清楚地解释了每个事件的发生时间):http://jquerymobile.com/demos/1.0/docs/api/events.html(大约一半的页面启动页面事件).