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

时间:2012-09-24 16:46:03

标签: forms jquery-mobile browser back

我有#p1,#p2,#p3的多页格式。提交表单后,当我尝试单击后退浏览器按钮时,应该转到带有空表单字段的#p1。有可能与Jquery Mobile合作吗?

1 个答案:

答案 0 :(得分:2)

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

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

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