页面事件jquery mobile

Posted 2023-05-09

【中文标题】页面事件jquery mobile

【英文标题】：Page event jquery mobile

【发布时间】：2014-09-20 21:20:58

【问题描述】：

我需要每次访问页面时调用一个函数的事件。假设进入第1页->调用该函数，然后进入第2页，当用户再次返回第1页时调用该函数。 我尝试使用“pageinit”，但此事件只会在第一次调用。有人可以帮助我吗？

结构<div role="page" id="page1>,<div role="page" id="page2>

【参考方案1】：

请参阅有关事件的 jquery 移动文档 (http://api.jquerymobile.com/category/events/)。您可以根据本网站中的情况找到以何种顺序抛出哪些事件，但它不是完全最新的，因为某些事件已被弃用并将在未来的版本中删除：http://www.gajotres.net/page-events-order-in-jquery-mobile/

您应该像这样使用 pagecontainershow 事件 (http://api.jquerymobile.com/pagecontainer/#event-show)：

$( ":mobile-pagecontainer" ).on( "pagecontainershow", function( event, ui ) 
   alert( "This page was shown: " + ui.toPage);
);

但我认为您的 html 结构不正确：如果您使用的是 JQM，则应该使用 data-role="page" 而不是 role="page"。错误也可能存在