jQuery - 用户单击模式上的“是”按钮后返回到初始屏幕

jQuery - Return back to splash screen after user clicks on the Yes button on modal

本文关键字：返回按钮屏幕单击用户模式 jQuery 更新时间：2023-09-26

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

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

 $("#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 here： http://jsfiddle.net/QaCCH/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();
});

演示

已使用 - location.reload();

所以代码变成了：

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