jQuery - прикрепить обработчик события для linkButton

Question

У меня есть пользовательский элемент управления. Это противоречит LinkButton. Я хочу прикрепить событие щелчка к LinkButton, используя jquery.

<%@ Control AutoEventWireup="true" CodeBehind="Pager.ascx.cs" EnableViewState="true" Inherits="Web.Controls.Pager" Language="C#" ViewStateMode="Enabled" %>

<script type="text/javascript">
    $(function () {
        eval($('#LinkButtonFirst').attr('href')).bind('click', 
        function () {
            alert('fsfsf'); 
        });
    });
</script>
<asp:LinkButton ID="LinkButtonFirst" runat="server" OnClick="LinkButtonFirst_Click" />

Первая ошибка, с которой я столкнулся: Cannot call method 'bind' of undefined.
Но на главной странице уже есть ссылка на jquery
<script src="/Scripts/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>

Answer 1

попробуйте

$('#<%=LinkButtonObj.ClientID%>').click(function() {
 alert('Handler for .click() called.');
});

Answer 2

Используйте ClientID Свойство LinkButton. Идентификаторы элементов управления в пользовательских элементах управления вычисляются не как OD элементов управления на странице. Поэтому вы должны использовать код:

<%@ Control AutoEventWireup="true" CodeBehind="Pager.ascx.cs" EnableViewState="true" Inherits="Web.Controls.Pager" Language="C#" ViewStateMode="Enabled" %>
<script type="text/javascript">
     $(function () {
         eval($('#<%= LinkButtonFirst.ClientID %>').attr('href')).bind('click',
          function () {
             alert('fsfsf');
          });
     });
</script>
<asp:LinkButton ID="LinkButtonFirst" runat="server" OnClick="LinkButtonFirst_Click" /> 

Answer 3

$(function () {
    $('#<%= LinkButtonFirst.ClientID %>').bind('click', 
    function () {
        alert('fsfsf'); 
    });
});

Answer 4

Начиная с jQuery 1.8.0 .live и .bind устарели.попробуйте использовать .on, чтобы прикрепить любое событие.Это гарантирует, что событие прикреплено, когда элемент доступен

$(function () {
    $('[id*=LinkButtonFirst]').on('click',function () {
        alert(' Link Button was Clicked !!'); 
    });
});