如何添加回调方法并重定向到 Jquery 中的页面？答案

【问题标题】：How to Add Callback method & redirect to a page in Jquery?如何添加回调方法并重定向到 Jquery 中的页面？
【发布时间】：2014-02-10 08:43:29
【问题描述】：

我在JQuery 中有一个函数，它在页面顶部的ASPX page 上向用户显示Message in div。一切正常，只是我想将redirect 用户传递给使用Callback'jquery 在函数中传递的URL。

因为他们是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。

帮助表示赞赏！

【问题讨论】：

标签： jquery asp.net redirect jquery-callback

【解决方案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;
};

【讨论】：

是的，这很好用！就像信息一样。我们可以在我现有的函数中为回调编写自定义函数吗？谢谢！
是的，您可以创建自己的回调函数。

【解决方案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;
};

【讨论】：