javascript - 为动态生成的链接设置点击操作

Question

我有动态生成的链接 div。我正在尝试设置链接的点击操作，但它不起作用。

代码：

$('#tags').on('click', 'a', function(event) {
    event.preventDefault();
    $("#content").html("hello");
});

标签 div 中的链接由以下代码生成：

$("#alpha_menu li").each(function() {
    $("#alpha_menu li a").click(function(event) {
        event.preventDefault();
        $.post('tags_script.php', {id: $(this).text()}, function(data) {
            $("#tags").html(data);
        });
    });
});

Answer 1

试试这个（准备好外部文件）：

$(document).on('click', '#tags a', function(event) {
    event.preventDefault();
    $("#content").html("hello");
});

Answer 2

你可以试试：

var attachLink = function(event){ 
    event.preventDefault();
    $.post('tags_script.php', {id: $(this).text()}, function(data) {
        $('#tags').off();
        $('#tags').html(data);
        $('#tags').on('click', 'a', attachLink);

        //console.log(attachLink);
    });
}

$('#tags').on('click', 'a', attachLink);

Answer 3

这是因为在您设置事件的那一刻，链接不存在。您应该在链接存在后设置点击事件