Jquery不在内容页面asp net 3.5中工作

时间:2013-03-20 07:25:41

标签: jquery

<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>"

这是我的代码

3 个答案:

答案 0 :(得分:1)

试试这个

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

使用on委托

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

答案 1 :(得分:1)

应该是

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

NAMING CONTAINER
你还应该看看jquery element selector whose ID or name ends with: -

答案 2 :(得分:-2)

<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”)。单击(函数()){}