jquery中的选择器问题

Selector issue in jquery

本文关键字：问题 选择器 jquery      更新时间：2023-09-26

我有以下HTML代码来实现分页。

<ul>
  <li class="active">
    <a class="paging" id="page_1" href="">1</a>
  </li>
  <li>
    <a class="paging" id="page_2" href="#">2</a>
  </li>
  <li>
    <a class="paging" id="page_3" href="#">3</a>
  </li>

我需要在用户点击页码时执行一段javascript代码。

我试了下面的

  $('.paging').click(function () {
    alert('test');
  });

但是没有显示警告信息。

我的代码有什么问题?

您需要防止锚标记的默认行为，最好将此脚本包装在document.ready:

$(document).ready(function(){
    $('.paging').click(function (e) {
        e.preventDefault();
        alert('test');
      });
   });
工作JSFiddle

希望这对你有帮助!

<script>
$(document).ready(function(){
$('.paging').click(function(){
    alert('test');
});
});
</script>
相关文章：