爲什麼不在我的代碼中使用.post jquery函數？

Question

我試過使用jQuery的jQuery功能，它不工作

這很奇怪。我在js文件中添加了一些警報，但是當我點擊按鈕（id =「gettotalnutrients」）時，js文件中的任何警報都不會發生。

這是我搶的js文件中的數據（並顯示數據）：

 <div id="feedback"></div> 
    <br /> 
    <form id="form_date_nutrient_getter" action="account-overview.php" method="POST"> 
    Select a start date: <input id="datestart" type="text" name="beginday_calendar"><br /> 
    Select a end date: <input id="dateend" type="text" name="endday_calendar"><br /> 
        <input type="button" id="gettotalnutrients" value="Get the total nutrients" ><br /><br /><br /><br /><br /><br /><br /> 
    </form> 
    </div> 

---

js文件：在$

$('#gettotalnutrients').click(function(){ 
      alert('test'); 
      var datestart = $('#datestart').val(); 
      alert(datestart); 
      var dateend = $('#dateend').val(); 
      alert(dateend); 
      $.post('getTotalNutrients.php',(beginday_calendar: datestart, endday_calendar: dateend), function(data){ 
      $('#feedback').text(data); 
       }); 
           }); 

Answer 1

包裹你的點擊（）函數（文件）。就緒（）或類似的東西：

$(document).ready(function() { 
    $('#gettotalnutrients').click(function(){ 
    // the rest of your code goes here 
    }); 
}); 

另外，你是否在js控制檯中看到任何錯誤？

Answer 2

你嘗試chnaging括號爲{

$(function(){ 
     $('#gettotalnutrients').click(function(){ 
     //remaining code 

     $.post('getTotalNutrients.php',{ beginday_calendar: datestart, endday_calendar: dateend}, function(data){ 
       $('#feedback').text(data); 
       }); 

      });    
    });