Нумерация страниц не работает должным образом (php / ajax)

Question

Я хочу добавить нумерацию страниц на свою страницу, используя ajax. Я не знаю почему, но ссылки php / ajax не работают.

После наведения '2' у меня localhost/site-test/public/staff/index.php?page=2, после щелчка - ничего не происходит.

1. load_data. php

<?php

$current_page = !empty($_POST['page']) ? (int)$_POST['page'] : '1';

// number links 1.2.3.....
for($i=1; $i <= $limit; $i++) {

    echo "<span class='pagination_link  id='" . $i . "'><a href=\"{$url}?page=" . $i . "\">{$i}</a></span>";

}
?>

2. индекс. php

<script>
  $(document).ready(function() {
    load_data();

    function load_data(page) {
      $.ajax({
        url: "load_data.php",
        method: "POST",
        data: {
          page: page
        },
        success: function(data) {
          $('.load_data').html(data);
        }
      })
    }

  });
    $(document).on('click', '.pagination_link', function(event) {
        event.preventDefault(); 
        var page = $(this).attr("id"); 
        load_data(page);

        return event.preventDefault();

    });

</script>

Answer 1

Разобрался, я только что добавил:

Работа это

echo "<a class='pagination_link' href='#' id='".$i."'>{$i}</a>";

or this

echo "<span class='pagination_link page-link' style='cursor:pointer;' id='" . $i . "'>" . $i . "</span>";