Question

我真的不知道为什么它不起作用，我有一个简单的jQuery click函数：

 $('.pagination a').on('click', function(e){
        console.log("test");
        e.preventDefault();
        var url = $(this).attr('href');
        $.post(url, function(data){
            $('#disponibilite_table').html(data);
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <ul role="navigation" class="pagination">
    <li class="page-item">
        <a href="http://localhost/codeurProject/public/admin?page=1" rel="prev" aria-label="« Previous" class="page-link waves-effect waves-effect">‹</a>
   </li>
  </ul>

但是什么也没有，我真的不知道为什么...

Answer 1

更改：

$('.pagination a').onClick(function(e){
    console.log("test");
    e.preventDefault();
    var url = $(this).attr('href');
    $.post(url, function(data){
        $('#disponibilite_table').html(data);
    });
});

Answer 2

将脚本放在ul之后。

<ul role="navigation" class="pagination">
    <li class="page-item">
        <a href="http://localhost/codeurProject/public/admin?page=1" rel="prev" aria-label="« Previous" class="page-link waves-effect waves-effect">‹</a>
    </li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

脚本在创建要查询的标记之前运行，因此查询$（。pagination a）返回无结果，并且监听器从未注册

jQuery .on（'click'）不起作用

2 个答案: