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

Posted 2023-05-09

【中文标题】jQuery 选择器在 php if 语句中捕获类

【英文标题】：jQuery selector to capture class inside php if statement

【发布时间】：2020-05-14 14:48:46

【问题描述】：

我想制作一个选择器来捕获下面代码上的点击事件：

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代码有什么问题吗？

【问题讨论】：

你能发布你的php代码生成的html吗？

在测试时试试这个：$(document).on('click','.page-link',function (e) e.preventDefault(); console.log('aaaaaa'); );

@Swati 这些是输出：上一个 1

你添加了 jquery cdn 吗？您的浏览器控制台是否也显示任何错误？

试试：$(document).on('click','ul li .page-link',function() console.log('aaaaaa'); );

【参考方案1】：

感谢所有人，尤其是 Ritesh Khandekar，他给了我这段代码来解决我的问题：

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

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