javascript - 绑定(bind)到点击事件 - 事件只触发一次

Question

我正在使用 jquery 对 HTML 表格进行分页。

我有 2 个 CSS 类，aPage 和 thePage， 一个创建分页字符串的 javascript 函数， 和 jquery 代码将每个“页面”绑定(bind)到 click 事件，以便在单击页面时计算分页字符串。

我的问题是点击事件只触发一次，但我希望它在每次点击页面时触发。

非常感谢任何帮助。 谢谢!!

我的 javascript/jquery 代码是:

var thisPage=1; npages=10;
 //initial pagination
  $("#pag").html(showPag(thisPage,npages));

 //  bind pagination string to click event
     $(".aPage").click(function(event){
           var thisPage=$(this).text()
     $("#pag").html(showPag(thisPage,npages));
     });
 // function that returns pagination string
     function showPag(thisPage,npages) {
     p="";
     for(i=1;i<=10;i++){
     if(i==thisPage) {
     p+="<span class='thePage'>"+i+"</span>"
      }
     else {p+="<span class='aPage'>"+i+"</span>" }
     }
     return p;
   }

Answer 1

使用live绑定(bind)点击事件

 $(".aPage").live('click',function(event){
           var thisPage=$(this).text()
     $("#pag").html(showPag(thisPage,npages));
     });