Question

$(function () 
{        
    $('#btnnext').click(function ()  
    {
    alert("Hello after click event");
    });
});

按钮的代码为：

<asp:Button ID="btnnext" runat="server"  CssClass="BStyle" OnClick="btnnext_Click" Text="Save" />

我在更新面板控件中放置了Button控件，并且还使用了master .. page

Answer 1

$('#<%=btnnext.ClientID%>').click(function ()  
    {
    alert("Hello after click event");
    });

另一种方法是使用OnClientClick属性

<asp:Button ID="btnnext" runat="server" CssClass="BStyle" OnClick="btnnext_Click" OnClientClick="MyFunctionName()" Text="Save" />

<script>
function MyFunctionName(){
    alert('test');
}
</script>

Answer 2

试试这个：

您可以使用ClientID获取ASP.net生成的AcutalID

$('<%#btnnext.ClientID%>').click(function ()  
    {
    alert("Hello after click event");
    });

Answer 3

查看ASP.net生成的内容（在您的网页上查看源代码）。

ASP.NET webforms为前端ID生成另一个ID，然后你对asp说：Button。我的建议是绑定cssClass上的点击，或者如果你仍想用id绑定它，你需要使用[id$="_btnnext"]作为选择器。

$(function () {
    $('[id$="_btnnext"]').click(function () {
        alert("Hello after click event");
    });
});

Answer 4

您可以使用按钮ID或Css类作为选择器

ID选择器

$('<%#btnnext.ClientID%>').click(function ()  
    {
    alert("Hello after click event");
    });

类选择器

$('.BStyle').click(function ()  
    {
    alert("Hello after click event");
    });

Answer 5

尝试使用.on函数：

$(function() 
{        
  $('#btnnext').on('click',function()  
  {
    alert("Hello after click event");
  });
});

点击事件未调用jquery函数

5 个答案: