javascript - Jquery $.ChangePage 回调 Android

Question

我有一个在 Android Webview 应用程序中显示的网站。

我使用 JqueryMobile (1.10.2) 和 ChangePage 方法来浏览我的网站。 页面会请求网络服务，以便需要一些时间才能显示。

我想在页面加载期间显示 Toast (Android)。 它有效，但我不知道如何知道我的页面何时加载

我的问题是: 是否可以通过 $.ChangePage 方法知道页面何时加载，以隐藏我的 Android Toast？

这是我的代码:

$('div.ui-page').swipeleft(function (e) {
    //$("#pop").popup("open");
    window.Android.showToast();
    $.mobile.changePage("mypage", {
        transition: "slide"
    });
})

进入我的 Android 应用程序(使用 @JavascriptInterface):

@JavascriptInterface
public void hideToast() {
    if(wait > 0) {
        wait--;
    }
    if(wait == 0) {
        montoast.cancel();
    }
}    

public void showToast() {
    wait++;
    montoast.setText("loading...");
    montoast.show();
}

Answer 1

jQuery( ".selector" ).on( "pagechange", function( event ) { ... } )

changePage() 请求完成将页面加载到 DOM 且所有页面过渡动画完成后触发此事件

Explanation Of the Event