单击功能在jQuery中不起作用

Question

在下面的代码中，当有人单击“卖出”按钮（第一次td）但单击功能不起作用时，我想运行一个功能。 它说运行功能未定义。

function runfunction() {
  alert("success");
}

sendRequest(); //call function
function sendRequest() {
  $.ajax({
    type: "POST",
    url: '<?php echo site_url("ajax/ajax_buybtc"); ?>',
    success: function(result) {
      var jsonResult = JSON.parse(result);
      $(".tab1 tr.tr1").remove();
      jsonResult.forEach(function(data) {
        var newTr = ""; // I delete the value to avoid double tr declaration
        newTr +=
          '<tr class="tr1"> <td onclick="runfunction()" style="text-align:center;"><a><span  class="label label-warning">Sell</span></a></td>';
        newTr += "<td id='xbtc " + data.xbtc + "'>" + data.xbtc + "</td>";
        newTr += "<td id='xbtc " + data.rate + "'>" + data.rate + "</td>";
        newTr += "<td id='xbtc " + data.xpkr + "'>" + data.xpkr + "</td>";
        newTr += "</tr>";
        $(".tab1 > tbody:last-child").append(newTr);
      });

      setTimeout(function() {
        sendRequest(); //this will send request again and again;
      }, 4000);
    },
  });
}

Answer 1

您需要将onclick="runfunction()"更改为onclick="runfunction" 。 当前发生的事情是runfunction已执行，其返回值绑定到onclick事件。 您想绑定函数本身，而不是返回值。

Answer 2

newTr += '<tr class="tr1"> <td onclick="runfunction()" style="text-align:center;"><a><span  class="label label-warning">Sell</span></a></td>';

移动onclick以跨度标记

newTr += '<tr class="tr1"> <td style="text-align:center;"><a><span onclick="runfunction()"  class="label label-warning">Sell</span></a></td>';

https://codepen.io/bot_3310/pen/JajYyY

Answer 3

尝试在将类（此处添加了“ td-click”）添加到td之后添加click函数，并从td中删除onclick属性

$(".tab1").on("click", ".td-click", function(){
   alert("success");
})