触发click事件后触发一个函数

Question

怎么解决这个问题：

function Navigation(sender) {
    var senderID = sender.id;


    var answer = confirm("do you want to save your current layout ?");
    if (answer) {
        $("#loadingImg").css("display", "block");
        $("#<%=Button1.ClientID %>").click();
         //the next line is never fired
         if (senderID == "AboutClick") { setTimeout('ShowLoadingMsg()', 3000); } 

    }    
 }
function ShowLoadingMsg() {
   window.location="About.aspx";
}

<a href="javascript:void(0)" id="AboutClick" class="menu" onclick="Navigation(this);" >Navigate Click</a>
<asp:Button ID="Button1" runat="server" OnClick="btnSaveState_Click" style="display:none;" />

//服务器端：

 protected void btnSaveState_Click(object sender, EventArgs e)
{

     SaveState();

}

主要的问题是这条线永远不会被解雇我在这里做错了什么

Answer 1

这里的问题是$("#<%=Button1.ClientID %>").click(); 导致整个页面重新加载。 在此之后设置超时的脚本并不重要，因为无论如何页面都会刷新。

您可以尝试将Button1放在UpdatePanel中 ，或者只是以其他方式解决问题，例如在同一方法中保存状态和重定向。

Answer 2

尝试这个：

<a href="#" id="AboutClick" class="menu trigger">Navigate Click</a>​

-

$(function(){
    $(".trigger").click(function(){
        var answer = confirm("do you want to save your current layout ?");
        if (answer) {
            $("#loadingImg").show();
            if (this.id == "AboutClick") { setTimeout('ShowLoadingMsg()', 3000); }
            $("#<%=Button1.ClientID %>").click();
        }  
    })       
})

function ShowLoadingMsg() {
   window.location="About.aspx";
}

在这里演示！