ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – 绑定到click事件 – 事件只触发一次

2019-07-14 04:33:22  阅读:199  来源: 互联网

标签:jquery javascript pagination jquery-click-event


我正在使用jquery来分页HTML表.

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

我的问题是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;
   }

解决方法:

使用live来绑定click事件

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

标签:jquery,javascript,pagination,jquery-click-event
来源: https://codeday.me/bug/20190714/1456316.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有