Javascript 页面更改事件 我的小提琴

我的问题 我有一页，叫做第1页。导航到第2页后，我想更改第1页，以便下次访问它时，它将以某种方式显示（例如，背景色蓝色）。我只想在转换到第2页结束后进行此更改

---

我试图在JQM 1.4中正确使用

pagecontainerchange

事件，但它对我不起作用。我不想使用

pagechange

事件，因为它已被弃用。

您可以使用Javascripts

setInterval

函数检查页面的可见性

var prevPage;

$(document).on('click', 'a[data-role="button"]', function(){
    prevPage = $(this).parents('[data-role="page"]');

    var checkVisibility = setInterval(function() {
        if(!$(prevPage).is(':visible')) {
            $(prevPage).css('background', 'blue');
            clearInterval(checkVisibility);
        }
    }, 10);
});

小提琴：

更新

pagecontainer小部件的pagecontainershow事件在新页面的动画完成后运行。在这种情况下，您可以检查toPage或prevPage属性，以确定您来自何处以及您要去何处

$( ":mobile-pagecontainer" ).on( "pagecontainershow", function( event, ui ) {
    var prevPageID =  ui.prevPage.prop("id");
    if (prevPageID == "page1"){
          toDoAfterTransition();
    }
});

小提琴更新：

使用以下命令：

$( ":mobile-pagecontainer" ).on( "pagecontainerhide", function( event, ui ) {
    $("#page1").css('background', 'blue');
});

API文件：