位置: 编程技术 - 正文

浅谈jQuery绑定事件会叠加的解决方法和心得总结(jquery绑定onchange)

编辑:rootadmin

推荐整理分享浅谈jQuery绑定事件会叠加的解决方法和心得总结(jquery绑定onchange),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery数据绑定,jquery绑定click的方法有几种,jquery绑定onchange,jquery绑定keyup,jquery数据绑定,jquery绑定onchange,jquery 绑定,jquery绑定事件的方法,内容如对您有帮助,希望把文章链接给更多的朋友!

关于jQuery的学习中我忽略了一个取消绑定事件.unbind()的使用,也不知道绑定事件会累加的情况,结果因为这个原因,让我在项目上栽了坑。只能说自己还太年轻,需要学习掌握的知识还有很多。

我遇到的问题

浅谈jQuery绑定事件会叠加的解决方法和心得总结(jquery绑定onchange)

我在项目中遇到的状况,一个评价页面,简单的来说就是左右两个表格,ajax分别动态加载学生姓名学号信息和不同科目对学生评价内容两部分,两边表格我都每行写了checkbox并对table tbody tr绑定click事件执行行选功能,起初我写的是静态页面html,行选功能完全没有问题,后来换成jsp页面,ajax动态加载数据进来后,问题就来了,由于ajax异步请求,两边表格发送请求加载数据有先后,之前静态页面测试好的行选功能就出了问题,每次刷新页面,只有后加载的部分才可以行选,之前加载的部分行选失效。自己控制台打印点击的状态console.log(chkBoxStatus);测试发现前加载的部分总是打印两次false true,而后加载的部分只打印一次false或是true。

我之前的行选代码段:

起初我认为我肯定是jQuery功能代码不对,于是自己检查了html里id,class,发现并没有出错,于是我便一直在想为何控制台会意外打印两次,后面室友提示我说,试试在执行功能之前清除事件绑定,于是我便照做了用jquery 的.unbind("click"),清除所有table上的click事件。结果!结果竟然成功了!!!两边的表格数据都可以正常进行行选功能,虽然是完成了预期功能,但是我当时不知道为什么要这样去做清除事件。后面我突然想到原来是执行了两次click事件的结果,每次先加载的数据,加载完毕后就被绑定click事件一次,后加载的数据加载完毕后,之前先加载的数据再次被绑定一次click事件,所以也就是为什么先加载的数据行选失效,打印两次false true , 而后加载的数据行选正常,打印一次。

下面是修改后的代码:

虽然问题很小,但是也是学习,总之自己还是需要不断努力,完善自己。博文只是对自己的总结

标签: jquery绑定onchange

本文链接地址:https://www.jiuchutong.com/biancheng/379361.html 转载请保留说明!

上一篇:关于Jquery中的事件绑定总结(关于jquery的事件冒泡,以下描述正确的是)

下一篇:jquery+css3问卷答题卡翻页动画效果示例(css调查问卷)

  • 出口退税无纸化备案
  • 买材料通过公司走账合法吗
  • 种植农作物补贴
  • 过了汇算清缴期后发现错误
  • 企业年报股东及出资信息要怎么填写
  • 发票回退是什么情况
  • 新公司成立后需要办理导航业务吗
  • 存货内部交易抵消通俗讲解
  • 出口退税进项发票稽核
  • 分包工程款税率
  • 跨年的预付账款如何冲销
  • 利息股息红利所得个人所得税怎么算
  • 企业所得税计算器2023
  • 免税农产品的范围有哪些
  • 存根联和记账联丢失有影响吗
  • 银行处置以物抵债违法吗
  • 公司将自有车辆对外出租
  • 第二季度的利润表报错了,怎么重新报
  • 超市预付卡过了还能退吗
  • 事业单位洗车费如何入账
  • c盘appdata怎么清理
  • 王者荣耀百里守约是男是女
  • 怎么给自己的宽带改名字
  • 手动ghost还原硬盘
  • php utf8转unicode
  • win11系统语言修改不了
  • 现金解款单的使用范围
  • Windows操作系统出现内存错误解决方法
  • 无形资产的账务处理候文江视频
  • 用应付票据付应付账款
  • 审核过程中发现的问题应由被审核部门实施纠正
  • 喉咙有异物怎么咳出来
  • php date format
  • 企业注销清算需要交什么税
  • 杜拉通河谷中的Nuestra Señora de la Hoz老修道院,西班牙塞哥维亚 (© Arco Images GmbH/Alamy)
  • 【已解决】VUE3+webpack >5报错问题
  • 长期借款和实收资本
  • 长期股权投资后续计量收到红利账务处理
  • html动画教程
  • lvm 命令
  • php安装openssl扩展
  • nfs4挂载
  • Python怎么把数据倒着输出
  • 防洪保安资金可以抵扣个税吗
  • linux mongodb创建用户
  • 为什么盈余公积减少,未分配利润增加
  • 进项税通俗易懂
  • mysql同步复制搭建方法指南详细步骤
  • 预充值发票可以报销吗
  • 小规模纳税人企业所得税税收优惠政策
  • 查询发票真伪
  • 新公司固定资产盘点总结
  • 发票额开多了多出的金额怎么处理?
  • 开建筑工程公司赚钱吗
  • 什么情况下需要打狂犬疫苗
  • 建筑企业工程施工科目怎么结转
  • 新手学会计怎么学
  • 企业短期借款可以是个人吗
  • sql server 数学函数
  • mysql批量添加字段
  • mysql 1449解决
  • sql查询连续登录天数
  • 如何用win7
  • linux常用基本命令pwd
  • repair.exe是什么软件
  • windows7怎么画画
  • 64位ubuntu8.04 安装QQ
  • guardhp.exe是什么意思
  • 如何将win7系统装进移动硬盘
  • easyui combobox设置值
  • 安装centos no such device
  • javascript教程推荐知乎
  • 教大家使用灭火器
  • js的类型有哪几种
  • 如何动态加载外部文件
  • 小规模纳税人开3%专票怎么交税
  • 生育津贴是分期的吗
  • 新都税务局咨询电话号码
  • 农转非和非农
  • 美国汽车进口关税25%
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设