javascript - Onclick 事件 Javascript 和 JQuery

Question

我的 main.js 文件中有以下代码片段

function one(){
  //some code
  var btn = "<button type='submit' id='processReceipt' class='btn btn-primary' onclick='form_new_receipt()'>Submit</button>";

  document.querySelector('#showGrower').innerHTML += btn;
}

提交按钮调用的函数如下

$(document).ready(function() {
  // Do your event binding in JavaScript, not as inline HTML event attributes:
  $("#processReceipt").on("click", form_new_receipt);
  function form_new_receipt() {
    alert('before function');
  }
});

因为警报没有显示，我可能会错过什么 - 这意味着该函数没有被调用。

我在下面尝试过这个，但它不起作用 - 这就是我添加 $(document).ready 的原因

function form_new_receipt() {
  alert('before function');
}

Answer 1

这是您要找的吗？

function one(){
var btn = "<button type='submit' id='processReceipt' class='btn btn-primary' onclick='form_new_receipt()'>Submit</button>";
$('#showGrower').append(btn);
}

$(document).on('click', '#processReceipt', function() {
     one()
});

function form_new_receipt(a) {
    alert('before function');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="showGrower"></div>
<button id="processReceipt" type="button">Click me</button>