為什么.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

將你的click（）函數包裝在$（document）.ready（）或類似的東西中：

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

另外，你在js控制台中看到任何錯誤嗎？

Answer 2

您是否嘗試將括號括起來{

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

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

           });            
    });