php - 为什么 .post jquery 函数在我的代码中不起作用？

Question

我尝试使用 jQuery 的 jquery 函数，但它不起作用

这很奇怪。我在 js 文件中放置了一些警报，但是当我单击按钮(id="gettotal Nutritions")时，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 控制台中是否看到任何错误？