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

这是因为在您设置事件时，链接不存在。您应该在链接存在后设置click事件

为动态生成的链接设置单击操作

3 个答案: