单击事件时未调用jquery函数

单击事件时未调用jquery函数,jquery,asp.net,Jquery,Asp.net,按钮的代码为: $(function () { $('#btnnext').click(function () { alert("Hello after click event"); }); }); 我在更新面板控件中放置了按钮控件,还使用了master。。第页尝试以下操作: 您可以使用ClientID获取ASP.net生成的AcutalID <asp:Button ID="btnnext" runat="server" CssCl

按钮的代码为:

$(function () 
{        
    $('#btnnext').click(function ()  
    {
    alert("Hello after click event");
    });
});
我在更新面板控件中放置了按钮控件,还使用了master。。第

页尝试以下操作:

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

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

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

<asp:Button ID="btnnext" runat="server"  CssClass="BStyle" OnClick="btnnext_Click" Text="Save" />
使用.on函数尝试此操作:

$('<%#btnnext.ClientID%>').click(function ()  
    {
    alert("Hello after click event");
    });
使用.on函数尝试此操作:

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

查看ASP.net在您的网页上生成的视图源

ASP.NET webforms为前端ID生成另一个ID,然后对ASP:Button说什么。我的建议是将单击绑定到cssClass,或者如果仍要使用id绑定它,则需要使用[id$=\u btnnext]作为选择器

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

查看ASP.net在您的网页上生成的视图源

ASP.NET webforms为前端ID生成另一个ID,然后对ASP:Button说什么。我的建议是将单击绑定到cssClass,或者如果仍要使用id绑定它,则需要使用[id$=\u btnnext]作为选择器

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

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

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

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

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

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

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

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

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

那辆车不见了。请尝试查找丢失的$。try$您是否尝试过向某个对象发出警报,而不是像$function{alert'hello';};这样的单击处理程序。只想检查jquery库是否已加载。因为代码现在没有问题。是的,如果我在单击事件之前放置警报,那么它会在页面加载时自动发出警报。您是否尝试过发出警报而不是放置在单击处理程序中,比如$function{alert'hello';}。只想检查jquery库是否已加载。因为现在代码没有问题。是的,如果我在单击事件之前发出警报,那么它会在页面加载时自动发出警报。你收到js错误了吗?您尝试过什么,如果您将它绑定到一个类名上,它就会工作。另外,当您在浏览器中查看源代码时,您会得到什么ID?它生成的ID为:contentplaceholder 1\u btnnextbind它与CSS类而不是ID,因为asp.net不会更改该值。或者正如许多人指出的那样,这是可行的。但是使用CSS类而不是ID是正确的方法吗?我不明白用正确的方法是什么意思?使用css类可以很容易地解决这个问题,因为.NET不会改变这一点,但如果这是站点上唯一的按钮,那么您可以使用按钮作为选择器。我个人从未用ID绑定过任何东西,因为我几乎从未拥有过如此独特的东西。所以就我个人而言,我会用css类绑定它是的。你有js错误吗?您尝试过什么,如果您将它绑定到一个类名上,它就会工作。另外,当您在浏览器中查看源代码时,您会得到什么ID?它生成的ID为:contentplaceholder 1\u btnnextbind它与CSS类而不是ID,因为asp.net不会更改该值。或者正如许多人指出的那样,这是可行的。但是使用CSS类而不是ID是正确的方法吗?我不明白用正确的方法是什么意思?使用css类可以很容易地解决这个问题,因为.NET不会改变这一点,但如果这是站点上唯一的按钮,那么您可以使用按钮作为选择器。我个人从未用ID绑定过任何东西,因为我几乎从未拥有过如此独特的东西。所以就我个人而言,我会将它与css类绑定是的。@kis尝试在更新中编写脚本panel@kis尝试在更新面板中编写脚本