無法在單擊按鈕時調用 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>