Question

我正在开发原型移动应用程序，并且一旦用户按钮按下模式上的“是”按钮（在登录页面上），就很难返回到初始屏幕。

到目前为止，这是我的代码：

 $("#login_cancel").click(function () {
        $(function () {
            $("#login_canceldialog").dialog({
                resizable: false,
                modal: true,
                buttons: {
                    "Yes": function () {
                        $(this).dialog("close");
                        close_login()
                    },
                        "No": function () {
                        $(this).dialog("close");
                    }
                }
            });
        });
    });

jsFiddle这里：http://jsfiddle.net/QaCCH/1/。

Answer 1

尝试此操作以避免重新加载，因为您自己的答案与#splash上下滑动无关

$(document).ready(function () {

$("#splash_logo").hide().fadeIn(1500);

animateSignup()

function animateSignup() {    //new function to animate signUp_btn
    $("#signup_btn").animate({
        "padding-top": "+=100px"
    }, "slow");
}



$("#signup_btn").click(function () {
    close_splash();
    $("#signup").show();
});

$("#login_btn").click(function () {
    close_splash();
    $("#login").show();
});

function close_splash() {
    $("#splash").animate({
        "margin-top": "-=568px"
    }, "slow").hide(1)

//assign initial padding value to signup_btn to again animate when splash reappear
    $('#signup_btn').css('padding-top', '100px'); 
}

function close_login() {

$('#splash').css("margin-top", "0px");  //in case slide from top to down not required

    $('#login').fadeOut("fast", function () {

        $('#splash').fadeIn('fast',function(){

        animateSignup();

        })

    })
}

$("#login").hide();
$("#login_canceldialog").hide();

$("#login_btn").click(function () {
    close_splash();
    $("#login").show();
});

$("#login_cancel").click(function () {
    $(function () {
        $("#login_canceldialog").dialog({
            resizable: false,
            modal: true,
            buttons: {
                "Yes": function () {
                    $(this).dialog("close");

                    close_login();



                },
                    "No": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
});

$("#signup").hide();

});

DEMO

Answer 2

已使用 - location.reload();

因此代码成了：

function close_login() {
    $("#login").animate({
        "margin-top": "-=568px"
    }, "slow").hide(1);
    location.reload();
}

jQuery - 用户单击模态上的Yes按钮后返回到初始屏幕

2 个答案: