jquery 点击动态创建的锚标签

Question

我将我的中继器与数据库值和锚标记绑定在一起，如下所示，

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
        <a href='#Roles' id='<%# DataBinder.Eval(Container.DataItem,"RoleID") %>'>
        <%# DataBinder.Eval(Container.DataItem,"RoleName") %></a>
    </ItemTemplate>
</asp:Repeater>

上面的输出将如下所示

abcd--anchor tag with id=1
efgh--anchor tag with id=2
ijkl--anchor tag with id=3

单击上面的锚标记我想填充网格视图， 。 如果我检测到带有 id 的锚点点击，它应该如下所示， 但我不明白如何通过单个函数来实现它，

$(document).ready(function() {
    $('#1').click(function(e) {
        e.preventDefault();
        Logout();

    });
});

有任何提示如何做到这一点吗？

Answer 1

首先，向锚标记添加一个类，例如 logoutlink。然后使用 jQuery 的 live() 函数而不是 click() 函数：

$(document).ready(function(){
    $('.logoutlink').live('click', function(e) {
        e.preventDefault();
        Logout();
    });
});

这会将事件处理程序附加到任何具有 class=" 的动态创建的锚标记。 logoutlink” 属性。

Answer 2

如果你的中继器周围有一个div，你可以

$('div.surrounding a').click(function(e) {
    e.preventDefault();
    Logout();
};

按照下面的说明做或给他们一个类......

$('.classgiventoall')

或者你可以简单地做

$('#1,#2,#3')

这就是你所要求的？