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

它应该是

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

请参阅NAMING CONTAINER
您还应该查看其 ID 或名称以:- 结尾的 jquery 元素选择器

Answer 2

尝试这个

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

或者

使用on委托

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

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>

像这样的东西应该是你的控制 id:: $("#ctl00_m_g_3b0d8e69_1961_4bea_886d_413493ff7f9c_ctl00_btnClick").click(function()){}