Javascript jQuery-在用户单击modal上的Yes按钮后返回初始屏幕

Javascript jQuery-在用户单击modal上的Yes按钮后返回初始屏幕,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在开发一个原型移动应用程序,一旦用户按钮按下模式(登录页面上)上的“是”按钮,就很难返回初始屏幕 这是我目前的代码: $("#login_cancel").click(function () { $(function () { $("#login_canceldialog").dialog({ resizable: false, modal: true,

我正在开发一个原型移动应用程序,一旦用户按钮按下模式(登录页面上)上的“是”按钮,就很难返回初始屏幕

这是我目前的代码:

 $("#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:.

已使用-
location.reload()

因此,代码变成:

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

尝试此操作以避免重新加载,因为您自己的答案与让
#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();

});

你的意思是想让
演示
块通过
从上到下设置动画来再次进入视图吗?是的,演示块-我想返回到该页面,但这将如何从上到下设置初始屏幕的动画