位置: 编程技术 - 正文

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

  • 代开的增值税专票需要另外申报附加税吗?
  • 纳税人未抄报税是什么意思
  • 税控盘是什么干嘛的
  • 跨月冲红的发票怎么做会计分录
  • 民非企业是否可以盈利
  • 公司汽车的折旧费可以扺税吗
  • 应交税费和税金及附加的区别
  • 发票到了款未付账务处理
  • 商业保险可以抵扣增值税吗
  • 二手房如何缴纳契税
  • 来料加工与进料加工的相似之处有
  • 公司开办费有哪些
  • 发票验证系统费用多少钱?
  • 律师事务所的会计账务处理
  • 银行转账取得的收据
  • 银行代扣社保怎么做会计分录
  • 土地租赁期间政府征收
  • 高新技术研发人员比例
  • 财务预提
  • 怎么隐藏单元
  • pniopcacexe是什么进程
  • nodejs怎么更新版本
  • 外币借款费用
  • 收到提供劳务的收入
  • php制作验证码
  • 梯度下降算法的正确顺序是
  • pytorch如何搭建神经网络
  • vuex状态丢失
  • 成本降低率是什么意思
  • opencv安装教程vs2019
  • 小规模纳税人进口增值税怎么处理
  • hashmap resize源码
  • 专票减免政策
  • 运杂费可以计入固定资产吗
  • python3 yaml模块
  • mongodb介绍
  • 挖机租赁如何做账
  • 专用发票超过360天未认证
  • 企业工会经费计提标准
  • 应付职工薪酬科目余额表怎么看
  • 出口收汇核销单是什么意思
  • 承包经营所得个人所得税计算举例
  • 现金退回没原始凭证咋办
  • 待摊费用和预付费用的区别
  • 附加税减免需要转营业外收入吗
  • 清算后剩余财产股东拒收怎么办
  • 流量对比
  • 平均增长率计算公式怎么算
  • 研发投入算到产值里吗
  • sql server 2005如何使用
  • mysql column is ambiguous
  • 怎么操作win10系统
  • win10每次开机都假死机
  • 如何清理注册表文件
  • WIN10如何设置字体大小
  • ubuntu中用root删除文件夹
  • 萝卜家园光盘
  • windows的安装方式有哪些
  • linux和windows交互
  • win7系统怎样设置
  • win10鼠标箭头怎么换样式
  • 微软系统如何恢复出厂设置
  • win8.1无线
  • win8.1关机
  • win10的uwp在哪
  • thinkpade431升级内存多大好
  • win8.1怎么用
  • win8系统笔记本怎么恢复出厂设置
  • linux内存耗尽怎么解决
  • UNIX sh(Bourne Shell)脚本里面使用数组的两种方法
  • msoobe命令
  • mark一下怎么用
  • unity 位图字体
  • 安卓自定义app
  • javascript面向对象精要pdf
  • 河北电子税务局移动端
  • 机动车检测属于哪个税收
  • 股权转让查账重点查什么
  • 国家税务局宝鸡市税务局
  • 建安服务税率是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设