javascript - jQuery Mobile 不会在主页中触发事件

Question

我有一个使用多页模板的 PhoneGap 和 jQueryMobile 项目。在主页上pageshow， , pageinit, pagecreate,pagebeforeshow事件不会触发。我尝试了几种可能的解决方案。

解决方案1：

$('#home').on("pageshow", function(e) { ... }

使用此解决方案，当我切换到第二页并返回主页时，会触发事件，但不是第一次加载应用程序。

解决方案2：

var selector = ':jqmData(role=page)';
$('body').on("pageshow", selector,function(e) { ... }

我从这里得到了解决方案 2 ，但它对我不起作用。

我该如何解决这个问题？

Answer 1

最后我找到了解决方案，首先创建另一个页面，然后使用 $.mobile.changePage('#home',{transition:'none'}) 重定向到主页，该页面执行所有初始化功能。

有了这个主页会触发所有事件。

Answer 2

pagebeforeshow, pageshow, 和其他集合在应用程序启动期间转换第一页时为空。

请注意，在应用程序启动期间转换第一页时，此集合为空。

阅读文档：http: //jquerymobile.com/test/docs/api/events.html