jQuery - 函数被调用三次

Question

我正在尝试从 javascript 调用“AcceptSuggestion”。我模拟单击“acceptBtn”，然后我想刷新表格行。它正在工作......但是“AcceptSuggestion”函数被调用了三次。有谁知道为什么？我已经尝试在单击之前取消绑定“acceptBtn”，但我没有运气。

这里是更新面板：

<asp:UpdatePanel ID="12" UpdateMode="Conditional" runat="server">
<ContentTemplate>

<div id="123">
<asp:Literal ID="litTable" runat="server"></asp:Literal>
</div>
<button id='acceptBtn' onserverclick="AcceptSuggestion" runat="server" style="display: none" />
<button id='acceptAllBtn' onserverclick="AcceptAllSuggestions" runat="server" style="display: none" />
<asp:HiddenField ID="1" runat="server" Value="" />
<asp:HiddenField ID="2" runat="server" Value="" />
<asp:HiddenField ID="3" runat="server" Value="" />
<asp:HiddenField ID="4" runat="server" Value="" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="acceptBtn" EventName="ServerClick" />
<asp:AsyncPostBackTrigger ControlID="acceptAllBtn" EventName="ServerClick" />
</Triggers>
</asp:UpdatePanel>

这里是被调用的函数：

Protected Sub AcceptSuggestion()

Dim params As String
params = 1.Value
Dim param() As String = Split(params, "|", , CompareMethod.Text)

update(param)

End Sub

好吧，我猜问题不是更新面板也不是触发器。

这是我调用按钮的 javascript 函数，无论如何我都找不到让它工作，我觉得我已经尝试了所有方法。

function acceptButton(i) {
                var params = "";
                params += document.getElementById("var1" + i).textContent;
                params += "|";
                params += document.getElementById("var2" + i).textContent;
                params += "|";
                params += document.getElementById("var3" + i).textContent;
                params += "|";
                params += document.getElementById("var4" + i).textContent;
                params += "|";
                params += document.getElementById("var5" + i).textContent;


                var bp = document.getElementById('<%=1.ClientID%>');
                bp.value = params;

                var ri = document.getElementById('<%=2.ClientID%>');
                ri.value = i;

                var Status = document.getElementById('<%=3.ClientID%>');
                Status.value = 1;

                $('#<%=acceptBtn.ClientID%>').off().click();

            }

Answer 1

是的，我认为这是因为 Web 窗体的工作原理：) 它触发不同的事件，您可以看到整个页面生命周期 Here。我认为您的问题的解决方案是在您的页面 Load 方法或 Init 方法中使用，并在方法顶部使用此代码。

if(this.IsPostBack)
{
    return;
}