onclick功能出错

时间:2017-10-10 06:36:39

标签: jquery html

我在以下查询中添加了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");
}

2 个答案:

答案 0 :(得分: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");
}

答案 1 :(得分:1)

您需要为该函数指定一个名称,例如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>