Question

我想问为什么这些代码行不起作用。我想借助一个按钮来显示数据库中的记录表。我已经将jquery库称为。。尽管如此，我对jquery还是很陌生。希望您能帮我解决这个问题

$(document).ready(function() {
  function fetch_month1() {
    $.ajax({
      url: "month1.php";
      method: "POST";
      success: function(data) {
        $('#link-con').html(data);
      }
    });
  }
  $(document).on('click', '#btn-month1', function() {
    fetch_month1();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="top-bar" name="top-bar">
  <button type="button" id="btn-month1" class="btn-month">Month 1</button>
</div>

Answer 1

按如下所示更改脚本，

pool

Answer 2

您犯了个小错误，您在$（document）.ready（）内使用了$（document）.on（'click'）

在efl_util_set_window_screen_mode(win,EFL_UTIL_SCREEN_MODE_ALWAYS_ON);内，您必须调用类似$(document).ready()的函数

如果您想使用$('#id').click(function(){ ... });，请在$(document).on('click','#id',function(){ .... });之外定义它

$(document).ready()

$(document).ready(function() {
            function fetch_month1()
            {
               alert('fetch_month1 called');
                /*$.ajax({
                    url:"month1.php";
                    method:"POST";
                    success:function(data) {
                        $('#link-con').html(data);
                    }
                });*/
            }

            $('#btn-month1').click(function(){
                    fetch_month1();
            });
});



$(document).on('click','#btn-month2',function(){
      fetch_month2();
});

function fetch_month2(){
  alert('fetch_month2 called');
}

$（document）.on（'click'，'[button-id]'，function（）{}）无法正常工作

2 个答案: