jquery - Jqueryがコンテンツページasp net 3.5で機能しない

Question

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<script type="text/javascript" >
$(document).ready(function(){
$("#btnClick").click(function(){
    alert("Hello World");
    });
    });
</script>
<div>
    <asp:Button ID="btnClick" runat="server" Text="Click" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>"

これは私のコードです

Answer 1

これを試して

 $('#<%= btnClick.ClientID %>').click(function()....

また

onデリゲートを使用

  $(document).on('click','#<%= btnClick.ClientID %>',function()....

Answer 2

そのはず

$(document).ready(function(){
$('input[id$="btnClick"]').click(function(){
    alert("Hello World");
    });
    });

NAMING CONTAINERを参照
してください。また、ID または名前が:- で終わる jquery 要素セレクターも確認する必要があります。

Answer 3

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <script type="text/javascript" >
       $(document).ready(function(){
         $("#btnClick").click(function(){
            alert("Hello World");
         });
       });
    </script>
    <div>
        <asp:Button ID="btnClick" runat="server" Text="Click" />
    </div>
    </ContentTemplate>
    </asp:UpdatePanel>
    </asp:Content>

ここであなたのスクリプトはこのようになります...

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
        <script type="text/javascript" >
           $(document).ready(function(){
$("#ctl00_m_g_3b0d8e69_1961_4bea_886d_413493ff7f9c_ctl00_btnClick").click(function(){
                alert("Hello World");
             });
           });
        </script>
        <div>
            <asp:Button ID="btnClick" runat="server" Text="Click" />
        </div>
        </ContentTemplate>
        </asp:UpdatePanel>
        </asp:Content>

そして、このようなものはyrコントロールIDである必要があります:: $（ "＃ctl00_m_g_3b0d8e69_1961_4bea_886d_413493ff7f9c_ctl00_btnClick"）。click（function（））{}