单击FontAwesome图标导致asp.net中的完全回发

Question

我在Asp.Net webforms中有一些页面有一些更新面板（使用UpdateMode="Conditional"），里面有一个asp：LinkBut​​ton，里面有一个像这样的fontawesome图标

<asp:LinkButton ID="btn" runat="server" CssClass="btn btn-success  btn-responsive">
    <span aria-hidden="true" class="fa fa-user-circle"></span> Foo
</asp:LinkButton>

当我在图标上精确点击时，页面会完全回发，并且非预期的非部分回发

搜索我明白问题可能是事件传播，所以我创建一个这样的脚本：

$('.fa').click(function (event) {
    event.stopPropagation();
    if (!(this.parentNode === null)) {
        this.parentNode.click();
    }
});

这适用于带有runat =“server”标签的html按钮，但不能使用asp：linkbutton，我也有数千个链接按钮，我无法全部覆盖它们。有什么建议吗？

最好的祝福

更新：

这是页面：

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Iscr.aspx.vb" Inherits="Iscr" %>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

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

        <script type="text/javascript">
            var prm = Sys.WebForms.PageRequestManager.getInstance();

            prm.add_endRequest(function () {
                load();
                loadScript();
            });

            $(document).ready(function () {
                loadScript();
            });

            function loadScript() {

            }

        </script>

    ...form....

        <div class="floatingButtonBar">
    <asp:LinkButton ID="btn" runat="server" CssClass="btn btn-success  btn-responsive">
            <span aria-hidden="true" class="fa fa-user-circle"></span> Foo
        </asp:LinkButton>
        </div>

    </ContentTemplate>
</asp:UpdatePanel>

Answer 1

将名为UpdateMode的更新面板属性更改为Conditional

示例：

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

---

更新：

还要确保页面指令ClientIDMode是AutoID示例：

<%@ Page Title="" ClientIDMode="AutoID" Language="C#"%>

---

更新：

似乎ClientIDMode="Static"无法使用更新面板，请检查修复：Possible solution to UpdatePanel and ClientIDMode="Static"