jQuery 调用位于append() 内部带有ID 的元素

Question

我正在使用 Jsf 和 jquery 开发一个动态 Web 项目..

$(function(){

 for(var i = 0 ; i < entitesFilleList.length ; i++){

    var nomEntite = entitesFilleList[i].nom;
    var $nomEntiteMere = entitesFilleList[i].entiteMere.nom;
    $nomEntiteMere = $nomEntiteMere.replace(/\s+/g, '');

    var contentMere = $('#'+$nomEntiteMere).html();                         
    var nomEntiteID = nomEntite.replace(/\s+/g, '');
    var lesCollaborateurs = $('.collaborateurs_of_'+nomEntiteID).text();

    var motherContent = $('#'+$nomEntiteMere).html();                               
    motherContent += '<li id="id_'+nomEntiteID+'"><span class="nomEntite">'+nomEntite+'</span><br/><ul id="'+nomEntiteID+'"></ul><a style="cursor:pointer" class="link" id="link_'+nomEntiteID+'">Equipe</a></li>';
    $('#'+$nomEntiteMere).html(motherContent);

  }

    $('a.link').click(function(){
        alert('I am clicked');
    })
})

问题是，当我单击链接时，警报不会弹出，但是当我在标记内添加 onclick="alert('I am clicked')"时，警报会弹出。

希望大家能帮忙
提前致谢

Answer 1

试试这个，它应该对你有用......

$(function(){

     for(var i = 0 ; i < entitesFilleList.length ; i++){

        var nomEntite = entitesFilleList[i].nom;
        var $nomEntiteMere = entitesFilleList[i].entiteMere.nom;
        $nomEntiteMere = $nomEntiteMere.replace(/\s+/g, '');

        var contentMere = $('#'+$nomEntiteMere).html();                         
        var nomEntiteID = nomEntite.replace(/\s+/g, '');
        var lesCollaborateurs = $('.collaborateurs_of_'+nomEntiteID).text();

        var motherContent = $('#'+$nomEntiteMere).html();                               
        motherContent += '<li id="id_'+nomEntiteID+'"><span class="nomEntite">'+nomEntite+'</span><br/><ul id="'+nomEntiteID+'"></ul><a style="cursor:pointer" class="link" id="link_'+nomEntiteID+' onClick = "TestFunction(link_'+nomEntiteID+')">' + Equipe + '</a></li>';
        $('#'+$nomEntiteMere).append(motherContent);
      }

    })
    function TestFunction(e){
        console.log("Link with id " + e + "is clicked.");
        }