jquery mobile，浏览器后退按钮导航

Question

我有一个带有#p1、#p2、#p3 的多页表单。提交表单后，当我尝试单击返回浏览器按钮时，它应该转到带有空表单字段的 #p1。使用 Jquery Mobile 可以吗？

Answer 1

我会覆盖后退按钮并检查哪个页面是活动页面，然后根据该页面执行您需要的任何房屋清洁...

我向另一个与此非常相似的问题提交了一个示例：

BackButton Handler

在我有选项、弹出窗口和主页的地方，您可能只需要 P3，当 activePage 等于 P3 时，清除您的表单并显示 P1。

    function pageinit() {
        document.addEventListener("deviceready", deviceInfo, true);
    }

    function deviceInfo() {
        document.addEventListener("backbutton", onBackButton, true);
    } 

    function onBackButton(e) {
        try{
            var activePage = $.mobile.activePage.attr('id');

            if(activePage == 'P3'){
                clearForm(); // <-- Calls your function to clear the form...
                window.location.href='index.html#P1';

            } else if(activePage == 'P1'){

                function checkButtonSelection(iValue){
                    if (iValue == 2){
                        navigator.app.exitApp();
                    }
                }

                e.preventDefault();
                navigator.notification.confirm(
                    "Are you sure you want to EXIT the program?",
                    checkButtonSelection,
                    'EXIT APP:',
                    'Cancel,OK');

            } else {
                navigator.app.backHistory();
            }
        } catch(e){ console.log('Exception: '+e,3); }
    }