2017-03-03 1 views
4

Ich bin auf einem dynamischen Web-Projekt arbeiten mit Jsf und jquery ..jQuery Aufruf Element innerhalb Append befindet() mit ID

$(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'); 
    }) 
}) 

die Sache ist, wenn ich auf den Link klicken, wird der Alarm nicht Pop-up , aber wenn ich onclick = "alert ('Ich bin angeklickt')" innerhalb des Tags hinzufüge, erscheint die Warnung.

Hoffnung jemand
Dank im Voraus

+1

können Sie Ihre HTML für eine – user7417866

+0

'' Equipe ZiOS

+0

Sie bestimmten Link hinzufügen möchten geklickt werden oder Sie benötigen jeden Link, um dieselbe Funktion auszuführen? – user7417866

Antwort

0

versuchen, diese helfen kann, sollte es für Sie arbeiten ...

$(function(){ 

    for(var i = 0 ; i &lt; 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."); 
     } 
+0

es funktioniert perfekt aber wenn ich etwas mit der angeklickt ID tun möchte, nichts passieren .. – ZiOS

+0

was willst du mit ID tun? – user7417866

+0

Warum Downvote, wer auch immer gewählt hat, könntest du erklären, warum er ablehnt, wenn er sagt, dass es perfekt funktioniert? – user7417866