javascript - jQuery - 在用户点击模式上的是按钮后返回启动画面

Question

我正在开发原型(prototype)移动应用程序，一旦用户按钮按下模态(在登录页面上)上的"is"按钮，就很难返回到初始屏幕。

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

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