Question

我在JQuery中有一个功能，在页面顶部的Message in div上向用户显示ASPX page。一切正常，我希望redirect用户使用URL jquery在函数中传递的Callback'。

因为他们fadeOut()只显示div我需要在fadeOut()效果或动画完成时重定向。而不是突然显示div。

使用Javascript：

function ShowJPopupTitleCallBack(msg, msgTitle) {
    $("#jDialogMessage").html(msg);
    $("#jDialogMessage").show("slow", function() {

    });
    $("#jDialogMessage").fadeOut(5000);
//window.location="Login.aspx";
    return false;
};

在aspx.cs文件中：

Page.ClientScript.RegisterStartupScript(this.GetType(), "Popup", "<script type='text/javascript'>ShowJPopupTitleCallBack('Sorry! Your session has being expired please login & try again.','Session Timeout...!')</script>");

在这里，我想在显示messabe（动画完成）之后，使用jquery将另一个参数传递给redirect到所述url。

帮助表示赞赏！

Answer 1

pass the callback inside fadeout method

function ShowJPopupTitleCallBack(msg, msgTitle) {
    $("#jDialogMessage").html(msg);
    $("#jDialogMessage").show("slow", function() {

    });
    $("#jDialogMessage").fadeOut(5000,function(){
         window.location="Login.aspx";
    });
//window.location="Login.aspx";
    return false;
};

Answer 2

您希望回调到show()以触发fadeOut()，然后回调fadeOut()以执行重定向......

function ShowJPopupTitleCallBack(msg, msgTitle) {
    var dialogMessage = $("#jDialogMessage");
    dialogMessage.html(msg);
    dialogMessage.show("slow", function() {
        dialogMessage.fadeOut(5000, function () {
            window.location="Login.aspx";
        });
    });
    return false;
};

如何添加回调方法＆amp;重定向到Jquery中的页面？

2 个答案: