锚标签弹出窗口在更新面板内不起作用

Question

When I use the href popup inside Update panel it does not fire click event but outside the update panel, it works. I'm using jquery for a popup. see my code here

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

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

   <asp:Panel ID="personal_panel" runat="server">
     <table>
 <tr class="reason">
   <td>
  <asp:TextBox ID="txt_reasons" runat="server" Visible="False"></asp:TextBox>
  </td>
  </tr>
   <tr>
  <td>
    <asp:ImageButton class="back-img" ID="imgbtn_back" runat="server" ImageUrl="~/images/back-back.png" OnClick="imgbtn_back_Click" onClientclick="submit_hidden()"  />
  </td>
 </tr>
</table>
  <p id="Div1"  style="margin-top: -120px;height: 100px;">
 <a id="popupsubmit" class="trigger_popup_fricc1">Submit</a></p>
                    </asp:Panel>

</ContentTemplate>

 </asp:UpdatePanel>  

Here My Jquery code for popup

                       <script>
            $(window).load(function () {
                $(".trigger_popup_fricc1").click(function () {
                    $('.hover_bkgr_fricc1').show();
                });
                $('.hover_bkgr_fricc1').click(function () {
                    $('.hover_bkgr_fricc1').hide();
                });
                $('.popupCloseButton').click(function () {
                    $('.hover_bkgr_fricc1').hide();
                });
               });

</script>

Answer 1

Try using postback trigger. Please refer this link.

Button click not working inside update panel

I hope it's helpful. 😊