onclick函数出错

Question

我在下面的查询中添加了onclick事件，但是它不起作用。 我在轨道上用红宝石。 帮助我寻求解决方案。 谢谢...

for (var j = 0; j < 3; j++){
   $('#sub').append("<div class='col-md-12' '><img src='picture.jpg' class='subPic' style='cursor:pointer;' onclick='sayhello()'></div>");
}
function sayhello(){
  alert("hello");
}

Answer 1

您的函数需要一个名称。 我在这里选择了名称“ callAlert”。

for (var j = 0; j < result["prd_image"].length; j++){
   $('#sub').append("<div class='col-md-12' '><img src='picture.jpg' class='subPic' style='cursor:pointer;' onclick='callAlert()'></div>");
}
function callAlert(){
  alert("hello");
}

Answer 2

您需要为函数分配一个名称，例如function sayhello() ，然后像onclick='sayhello()'一样调用它

 for (var j = 0; j < 2; j++) { $('#sub').append("<div class='col-md-12' '><img src='picture.jpg' class='subPic' style='cursor:pointer;' onclick='sayhello()' alt='awda'></div>"); } function sayhello() { alert("hello"); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="sub"></div>