pagecontainerbeforeshow - jQuery Mobile 1.4

Question

在jQuery Mobile 1.4.x中，处理页面事件的方式发生了变化。与将data-role="page"div绑定到特定页面事件（如pagebeforeshow等）相反，我们现在绑定到委托处理程序。例如。

老：

$('#pgOne').on('pagecontainerbeforeshow', function (e) { 
    alert('I am now on page one!'); 
}); 

$('#pgTwo').on('pagecontainerbeforeshow', function (e) { 
    alert('I am now on page two!'); 
}); 

新：

$(':mobile-pagecontainer').on('pagecontainerbeforeshow', function (e) { 
    alert('...'); 
}); 

新的方式是可怕的，因为我没有定义每个页面事件的方式 - 例如，我不能再定义#pgOne与#pgTwo的事件。

如何使用新方法实现旧示例中的行为？

Answer 1

看一看的API文档：http://api.jquerymobile.com/pagecontainer/#event-beforeshow

您可以使用ui.toPage让页面被显示：

$(".selector").on("pagecontainerbeforeshow", function(event, ui) { 
    alert(ui.toPage.prop("id")); 
});