无法在单击按钮时调用 jQuery 函数

Question

我正在尝试在单击保存按钮时调用 jQuery 函数。 但是我在点击按钮时没有得到任何回应。

<button type="button" id="save" class="btn btn-primary pull-right">Save Expense</button>

$('#save').on('click', function() {
  alert("test");
  var data = $('form').serialize();
  console.log("data" + data);
  $.ajax({
    type: "POST",
    url: "saveExpense",
    data: data,
    cache: false,
    success: function(data) {
      alert("Success");
    }
  });
});

Answer 1

创建一个这样的点击事件，这将解决您的问题。

 $(document).on('click','#save', function() { alert("test"); var data = $('form').serialize(); console.log("data" + data); $.ajax({ type: "POST", url: "saveExpense", data: data, cache: false, success: function(data) { alert("Success"); } }) })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" id="save" class="btn btn-primary pull-right">Save Expense</button>