Javascript img onclick不工作

JS:

及

htmlStr

var是将JSON输出显示为HTML表的函数的一部分；它适用于整个表，除了此

img

上的单击事件，您必须使用事件，因为在附加该事件处理程序时，

#azsort month

img不存在，因此：

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

---

请看引号：

onclick=“警报（“测试”）”

。你注意到什么了吗？如果我写

onclick=“alert”（

），关于jQuery方法，请参阅。您应该尝试使用$（''azsort month'）。在（'click'，function（）{}）；这个htmlstr在哪里/如何插入到dom v.s中。在那里您运行.ready（）调用？ref:@jainilnagar:这到底会发生什么变化？这相当于

。click（function（）{}）

。因为您有一个动态生成的元素，所以简单的click（）在这一点上不起作用time@SurrealDreams：“事件委派会将事件添加到与.on（）函数第二个参数中的选择器匹配的任何元素中。”这是不正确的。事件处理程序不会添加到这些元素中（这不可能，因为这些元素可能还不存在！）。事件处理程序仅绑定到您调用的

.on

on的元素（如上例中的

文档

）。但是，如果事件源于这些元素，则仅对与传递给

.on

的选择器匹配的元素执行事件处理程序。

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>';

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

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

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