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

时间:2012-08-24 12:58:06

标签: javascript jquery

如何解决这个问题:

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();

}

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

试试这个:

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

Demo here!