我想做一个选择器来捕获以下代码上的点击事件:
索引.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');
});
我已经尝试了上面的代码,但它不起作用,控制台.log从未出现过,我的php代码或jquery代码有任何问题吗?
感谢所有人,特别是Ritesh Khandekar,他给了我这段代码来解决我的问题:
$(document).on('click','ul li .page-item',function() { console.log('aaaaaa'); });
我不知道为什么使用页面项目而不是页面链接,但它!!!