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 file：

$('#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);
              });

           });            
    });

为什么.post jquery函数不能在我的代码中运行？

2 个答案: