為動態生成的鏈接設置點擊動作

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

這是因為在設置事件時，該鏈接不存在。 鏈接存在后，您應該設置點擊事件