javascript - jquery中的选择器问题

Question

我有以下 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>

当用户单击页码时，我需要执行一段 javasript 代码。

我尝试了以下方法

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

但是警报消息没有显示。

我的代码有什么问题？

Answer 1

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

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

<强> Working JSFiddle