将页面上的触发代码加载到DOM中

Question

这应该很容易，但我似乎无法弄明白。

如何在JQuery Mobile中将页面加载到DOM（而非page-init）中的代码触发？

我正在尝试使用此代码，但它不起作用。

$(document).on("pagecontainerbeforeload", "#my-page-id", function(event, data) {
   console.log("page load");
});

使用JQuery Mobile 1.4.4和JQuery 2.1.1

这是一个显示我尝试过的小提琴：http://jsfiddle.net/wpgs06r1/2/

Answer 1

而不是$（document）作为选择器，pagecontainer小部件位于正文中，所以请尝试：

$( "body" ).on( "pagecontainerbeforeshow", function( event, ui ) {} );

您还可以使用jQM选择器：mobile-pagecontainer而不是body：

$( ":mobile-pagecontainer" )