觸發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";
}

在這里演示！