jQuery - 为linkButton添加事件处理程序

Question

我有一个用户控件。它包含了一个LinkButton。我想使用jquery为LinkButton附加一个click事件。

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

我遇到的第一个错误是无法调用未定义的方法“绑定”。
但是母版页已经链接到jQuery了
<script src="/Scripts/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>

- Alexandre

Answer 1

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

- Yuriy Rozhovetskiy

Answer 2

试试这个

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

- Amir Ismail

Answer 3

使用 LinkButton 的 ClientID 属性。 用户控件中的控件 ID 是根据页面上控件的 ID 计算的，因此应该使用以下代码：

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

- VMAtm

Answer 4

自jQuery 1.8.0起，.live和.bind已被弃用。请尝试使用.on来附加任何事件。这可以确保在元素可用时附加事件。

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

- Sushanth --