Проблема с привязкой события jquery javascript к кнопке 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

Другой альтернативой здесь является использование класса, чтобы вы могли перемещать свой код извне, например:

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

Тогда ваш код может выглядеть следующим образом:

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

Что можетбыть во внешнем .js, так что ваши пользователи загружают его один раз, а не как часть страницы каждый раз.В качестве альтернативы, чуть менее эффективным является использование атрибута , заканчивающегося селектором , например:

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

. При этом будут выбраны все элементы <input>, идентификаторы которых заканчиваются на btnSave.

Answer 2

jQuery(document).ready(function () {

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

    alert('hello world');
});

});

А почему ты поставил .ClientID ?? в asp вы не ставите какой-либо класс на кнопку

Извините за мой английский

Answer 3

Привет. Извините, я понял, что перед селектором нужен знак фунта!

 jQuery(document).ready(function () {

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

    alert('hello world');

});

});