位置: 编程技术 - 正文

浅谈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调查问卷)

  • 房产契税什么时候交的小知识
  • 国际运输需要办什么证
  • 个人开不动产租赁发票税率
  • 足浴店装修费用多少
  • 月末一般无余额的有
  • 收到货物损失赔偿标准
  • 作废的支票银行怎么处理
  • 已经认证的发票红冲发票需要收回原发票吗
  • 监理费可以由施工方出吗
  • 汇总记账凭证长什么样
  • 工业企业的三个阶段
  • 充话费送手机如何缴纳增值税
  • 电视台广告费可以抵扣吗
  • 堤围内的土地性质
  • 上月未申报纳税补申报怎么做不会有罚款吗?
  • 广告公司税收分析
  • 电子发票怎么打成A4纸一半
  • 已使用固定资产出售增值税
  • 汇算清缴纳税调整项目明细表怎么填
  • 城市地下建设
  • 跨年付上年租金帐务处理?
  • 工程安装人工外包合同怎么写
  • 技术合同的计税依据包括研究开发经费
  • 鸿蒙系统怎么自动填充密码
  • 外观专利的价值
  • php页面传值
  • 商业自持店铺出租合法吗
  • 小米mini路由器mesh
  • thinkphp save
  • PHP:pcntl_sigprocmask()的用法_PCNTL函数
  • La Selva生物站热带雨林树冠上的黑嘴巨嘴鸟,哥斯达黎加 (© Greg Basco/Minden Pictures)
  • 职工食堂外包账务怎么做
  • 激光slam入门教程
  • javaweb会话跟踪技术有哪些
  • 发现新大陆的是麦哲伦还是哥伦布
  • 小微企业所得税优惠政策2023
  • 公允价值变动损益
  • 施工水电费账务处理流程
  • 购进农产品直接销售核定农产品增值税进项税额计算表
  • 小规模纳税人每月不超过10万
  • 工程结算审计
  • 股息红利所得为什么按照分配所得的企业所在地确定
  • 没有购销合同的原因有哪些
  • 工会记账凭证怎么记
  • 外购的商品
  • 个体工商户员工如何报生育险
  • 利润表中资产减值损失为正数是什么原因
  • 预交增值税后期处理
  • 基本生产成本和生产成本
  • 借方是收入还是支出损益类
  • 为什么一般纳税人可以选择简易计税
  • 有会计从业资格证还有用吗
  • 坏账准备对资产负债表影响
  • 银行退票业务
  • 错误的英文
  • sql复合语句
  • sql里case
  • linux中的rm是什么意思
  • 电脑系统停用
  • linux 文件管理命令
  • 电脑出现windows怎么办
  • linux中压缩文件
  • centos7 ifcfg-lo
  • Win10 Mobile 10586.29重要更新 可以玩wp7中的游戏
  • 如何解决windows不是正版的问题
  • .es6文件
  • javascript如何输出变量
  • 爬虫爬取微博
  • javascript怎么用
  • javascript Keycode对照表
  • jquery 插件写法
  • jquery做下拉
  • python写监控脚本
  • 广西税务局增值税发票查询平台
  • 广东国税局发票查询系统
  • 纳税信用等级在哪里查
  • 四川税务网上报税
  • 广东省广州市国家税务局
  • 上海嘉定小学入学积分
  • 开展志愿服务关爱活动
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设