jQuery .on ('click') не работает

Question

Я действительно не знаю, почему это не работает, у меня есть простая функция щелчка jQuery:

 $('.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

Поставьте скрипт после ул.

<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) возвращается без результатов, и слушатель никогда не регистрируется

Answer 2

Изменение:

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