jQM中如何找到第一个pageinit的活动页面？

Question

我需要获取jquery-mobile 加载的活动页面元素的ID。我知道我们可以使用$.mobile.activePage 来获取当前页面，并且我们可以使用$.mobile.activePage.attr('id') 获取此元素的ID。但是，在第一次加载应用程序时它是undefined。在我的特定应用程序中，我希望用户能够从任何 URL 输入，并且我需要知道当前加载的页面才能正确初始化我的导航系统

$(document).bind('pageinit', function() { 
    if($.mobile.activePage !== undefined) {
        console.log($.mobile.activePage.attr('id'));
    }
    else {
        console.log('1st page load detected');
    }
});

输出： 1st page load detected 在第一次加载和每个后续页面上的 ID。如何在第一次加载时获取 ID？！？

Answer 1

我认为您的问题是，pageinit 查询活动页面类还为时过早。

如果您加载第一页，pageinit 将在调用第一页的 changePage 之前触发（第一页也通过 changePage 调用加载）。只有@about JQM 中的第 3639 行，活动页面类被分配给页面。

到那时，pageinit 早已不复存在。

如果您想获取第一页的 ID，请使用任何其他可用的 page events：

pagebeforeload = triggered before the load request (inside changepage) is made
pageload = triggered after the page was loaded
pagebeforechange = triggered before a changepage is made
pagechange = triggered after changepage is done
pagebeforeshow = triggered before the page is shown
pageshow = triggered when the page is shown

我会使用 pagebeforeshow，或者如果您想调整大量内容，请尝试 pagechange 或 pagebeforechange。

希望有帮助！