php - jQuery 选择器捕获 php if 语句中的类

Question

我想制作一个选择器来捕获以下代码中的点击事件:

index.php:

<ul class="pagination">
  <?php

    if ($page > 1) {
      $link = $page - 1;
      $prev = '<li class="page-item"><a class="page-link" href="javascript:void(0);" id="'.$link.','.$record_per_page.'">Previous</a></li>';
    }else{
      $prev = '<li class="page-item"><a class="page-link" href="javascript:void(0);">Previous</a></li>';
    }

    $num = '';

    for($i = 1; $i<=$total_pages ; $i++){
      if($i == $page){
        $num .= '<li class="page-item"><a class="page-link" href="javascript:void(0);" id="'.$i.'">'.$i.'</a></li>';
      }else{
        $num .= '<li class="page-item"><a class="page-link" href="javascript:void(0);" id="'.$i.','.$record_per_page.'">'.$i.'</a></li>';
      }
    }

    if ($page < $total_pages) {
      $link = $page + 1;
      $next = '<li class="page-item"><a class="page-link" href="javascript:void(0);" id="'.$link.','.$record_per_page.'">Next</a></li>';
    }else{
      $next = '<li class="page-item"><a class="page-link" href="javascript:void(0);">Next</a></li>';
    }

    echo $prev.$num.$next;

  ?>
</ul>

脚本.js:

$(document).on('click','.page-link',function () {
console.log('aaaaaa');
});

我已经尝试过上面的代码，但它不起作用，console.log从未出现，我的php代码或jquery代码有什么问题吗？

Answer 1

感谢所有人，特别是 Ritesh Khandekar，他给了我这段代码来解决我的问题:

$(document).on('click','ul li .page-item',function() { console.log('aaaaaa'); });

我不知道为什么使用page-item而不是page-link，但它确实有效!!!!!