Hello
A click event on user controls inside the update panel is not working.
When I call Jquery (button1 in code ) I can't fire an event in user control
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default8.aspx.vb" Inherits="Default8" %><%@ Register Src="~/test.ascx" TagPrefix="uc1" TagName="test" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script src="https://unpkg.com/masonry-layout@4.1/dist/masonry.pkgd.min.js"></script><style>
.grid-item {
float: left;
width: 350px;
background-color: whitesmoke;
margin-bottom: 10px;
padding: 10px;
border: solid 1px green;
}</style></head><body><form id="form1" runat="server"><asp:ScriptManager runat="server" /><div class="grid"><div class="grid-item"><asp:UpdatePanel runat="server"><ContentTemplate><asp:Button Text="Button 1" class="btn-close" runat="server" /><uc1:test runat="server" ID="test" /></ContentTemplate></asp:UpdatePanel></div><div class="grid-item"><asp:UpdatePanel runat="server"><ContentTemplate><asp:Button Text="Button 1" class="btn-close" runat="server" /><uc1:test runat="server" ID="test1" /></ContentTemplate></asp:UpdatePanel></div></div></form><script type="text/javascript">$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: 200
});</script><script type="text/javascript">$(document).on('click', ".btn-close", function () {$('.grid').masonry('remove', $(this).closest(".grid-item"))
.masonry('layout')
});</script></body></html><%--test.ascx--%><%@ Control Language="VB" ClassName="test" %><script runat="server">
Protected Sub Button1_Click(sender As Object, e As EventArgs)
Label1.Text = Now.ToString("mm:ss")
End Sub</script><div style="height:200px;width:300px;background-color:lightgray;padding:5px;margin:5px"><asp:Button ID="Button1" runat="server" text="Button2" OnClick="Button1_Click" /><asp:Label ID="Label1" runat="server"></asp:Label></div>Thank you