jQuery 选择器在 php if 语句中捕获 class

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>

script.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，但它确实有效！！ !!

jQuery 选择器在 php if 语句中捕获 class

jQuery selector to capture class inside php if statement

php

jquery

jquery-selectors