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")); 
});