javascript - 触发点击事件后触发函数

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();导致整个页面重新加载。在那之后设置超时的脚本并不重要，因为无论如何页面都会刷新。

您可以尝试放入Button1UpdatePanel中，或者以其他方式解决问题，例如保存状态并以相同的方法重定向。

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

演示在这里！