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>

onclick功能出错

2 个答案: