无法将jquery javascript click事件绑定到asp.net按钮

Question

我正在使用以下代码：

jQuery(document).ready(function () {

jQuery('<%= btnSave.ClientID %>').click(function(){

    alert('hello world');

});

}）;

当我单击asp.net按钮时：

<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />

它只是不射击。 有人知道为什么吗？

干杯，皮特

Answer 1

嗨，对不起，我发现选择器前需要一个井号！

 jQuery(document).ready(function () {

jQuery('#<%= btnSave.ClientID %>').click(function(){

    alert('hello world');

});

}）;

Answer 2

这里的另一种选择是使用一个类，以便您可以在外部移动代码，例如：

<asp:Button ID="btnSave" CssClass="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />

然后您的代码如下所示：

jQuery(function($) {
  $('.btnSave').click(function() {
    alert('hello world');
  });
});

它可以在外部.js ，因此您的用户一次下载一次，而不是每次都下载到页面的一部分。 或者，使用属性ends-with选择器效率较低，如下所示：

jQuery(function($) {
  $('input[id$=btnSave]').click(function() {
    alert('hello world');
  });
});

这将选择ID以btnSave结尾的所有<input>元素。

Answer 3

jQuery(document).ready(function () {

jQuery('#<%= btnSave.ClientID %>').click(function(){

    alert('hello world');
});

});

以及为什么要放.ClientID？ 在ASP中，您不会将任何类置于按钮上

对不起我的英语不好