Jquery mobile jQuery Mobile-在页面加载时执行某些操作

Jquery mobile jQuery Mobile-在页面加载时执行某些操作,jquery-mobile,Jquery Mobile,每次加载页面时,我都想做一些事情。它修复了移动站点在不同设备上的外观,因此也需要在AJAX负载上实现 目前,我已经尝试了传统的$(function(){/*…*/})方法,但这只适用于第一次加载,而不适用于后续的AJAX加载 我一直在寻找合适的事件进行绑定,但我很难成功。您可以收听pageshow或pagecreate事件,然后在那里完成工作 您可以使用JQuery绑定到每个“页面”(div设置了data role=page属性)并使用pageshow事件(还有一些其他事件:pagebefore

每次加载页面时,我都想做一些事情。它修复了移动站点在不同设备上的外观,因此也需要在AJAX负载上实现

目前,我已经尝试了传统的
$(function(){/*…*/})方法,但这只适用于第一次加载,而不适用于后续的AJAX加载


我一直在寻找合适的事件进行绑定,但我很难成功。

您可以收听pageshow或pagecreate事件,然后在那里完成工作


您可以使用JQuery绑定到每个“页面”(div设置了
data role=page
属性)并使用
pageshow
事件(还有一些其他事件:
pagebeforeshow
pagehide
pagebeforehide


注意:此答案是为jQuery Mobile 1.0.1编写的,有关更多信息,请参阅上面的文档链接。

pageshow在1.4中已被弃用,在1.5中已被删除。注意:从jQuery Mobile 1.4.0开始,不推荐触发此事件。它将不再在1.5.0中触发。pageshow的替代品是pagecontainer小部件的pagecontainershow事件。在jQuery Mobile 1.4.0中,这两个事件除了名称和pagecontainershow在pagecontainer上触发,而pageshow在pagecontainer上触发之外是相同的。
$(document).delegate('.ui-page', 'pageshow', function () {
    //Your code for each page load here
});