麻烦绑定jquery javascript单击事件到asp.net按钮

时间:2010-11-11 09:38:29

标签: c# javascript asp.net jquery button

我使用以下代码:

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

它不会开火。有谁知道为什么?

干杯, 皮特

3 个答案:

答案 0 :(得分:0)

嗨抱歉,我发现它在选择器前需要一个英镑符号!

 jQuery(document).ready(function () {

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

    alert('hello world');

});

});

答案 1 :(得分:0)

此处的另一种替代方法是使用类,以便您可以在外部移动代码,例如:

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

然后你的代码看起来像这样:

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

哪个可以在外部.js,因此您的用户可以下载一次,而不是每次都作为页面的一部分。或者,效率稍低的是使用attribute ends-with selector,如下所示:

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

这将选择ID为<input>的所有btnSave元素。

答案 2 :(得分:0)

jQuery(document).ready(function () {

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

    alert('hello world');
});

});

为什么你把.ClientID ??在asp你没有把任何类放到按钮

抱歉我的英文