.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

$であなたのクリック（）関数をラップ（文書）.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); 
       }); 

      });    
    });