img Onclick nicht funktioniert

Question

JS:

htmlStr += '<table id="summary-table">' 
     + '<col width="200"><col width="315"><col width="600"><col width="1000">' 
     + '<tr><th>Month' 
     + '&nbsp;&nbsp;&nbsp;<img id="azsort-month" src="sort.png" alt="Sort by Alphabetical Order (A to Z)" style="width:20px; height:20px;">' 
     + '</th><th>Header2</th><th>Header3/th><th>Header4</th></tr>'; 

ich beide

htmlStr += '<table id="summary-table">' 
     + '<col width="200"><col width="315"><col width="600"><col width="1000">' 
     + '<tr><th>Month' 
     + '&nbsp;&nbsp;&nbsp;<img id="azsort-month" src="sort.png" onclick="alert("test")" alt="Sort by Alphabetical Order (A to Z)" style="width:20px; height:20px;">' 
     + '</th><th>Header2</th><th>Header3/th><th>Header4</th></tr>'; 

und

$(document).ready(function() { 
     $('#azsort-month').click(function(){ 
      alert("test"); 
     }); 
    }); 

und

versucht haben

$('#azsort-month').click(function(){ 
    alert("test"); 
}); 

Die htmlStr var ist Teil einer Funktion, die eine JSON-Ausgabe als HTML-Tabelle anzeigt. es funktioniert für die gesamte Tabelle außer dem Click-Ereignis auf dieser img

Answer 1

Sie haben delegation Ereignis zu verwenden, wie #azsort-month img zu der Zeit existiert nicht sind Sie, dass die Event-Handler-Befestigung, so:

$(document).on('click','#azsort-month',function(){ 
    alert("test"); 
});