位置: 编程技术 - 正文

浅谈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小规模纳税人
  • 小规模纳税人不开票需要纳税吗
  • 支付给个人的劳务费需要发票吗
  • 申报后发现未勾选发票
  • 委托付款税务认可吗
  • 非营利组织管理规定
  • 金税三期账号是自己申请吗
  • 工会签约有什么好处
  • 业务招待费的扣除标准是什么2022
  • 中秋员工福利费会计分录
  • 离职补偿金公司不付怎么办
  • 抵税更正申报需要多久
  • 异地工程缴纳增值税
  • 购买面粉的税率是多少
  • 餐饮业个体工商户怎么交税
  • 在建期间费用怎么处理?
  • 半年报利润分配是否需要审计?
  • 失业保险费退还计入什么科目
  • 多交附加税怎么做账
  • 王者荣耀中白起的台词
  • 苹果微信朋友圈怎么发文字不带图片
  • 住房公积金余额查询
  • msoxmled.exe是什么软件
  • 租金摊销表格式
  • 办理劳务资质流程
  • php设计思路
  • vue项目使用
  • vue错误提示
  • php关键字描红
  • 个体户缴纳的税有哪些
  • 工具合集
  • 小程序生命周期钩子
  • transformer中的token
  • 中国烟草资产负债表
  • 残保金是用人单位还是用工单位承担
  • 个体户需要交什么保险
  • python中myqr的用法
  • 企业所得税季初和季末怎么算
  • 收到赠送的货物会计分录
  • 免税收入货款要交税吗
  • 没有发票的房租怎么入账
  • 增值税零税率与免税谁更优惠
  • 应付职工薪酬的含义
  • 企业购买随时准备出售的债券
  • 同一控制下长期股权投资的入账价值
  • 审计报告的分类不包含
  • 抵押贷款购买商品合法吗
  • 会计凭证保管期限30年是哪一年开始的
  • 核算费用
  • 维护费抵减增值税会计科目
  • 商品的结构
  • 研发支出资本化和费用化的区别
  • 小规模纳税人不超过10万免增值税
  • 没有期初数据,只要借贷平横,报表是不是就不会不平了?
  • 建账的基本原则是什么
  • freebsd软件包
  • 简述linux系统有什么显著特点
  • 双屏windows
  • mac图形界面
  • win10改服务器
  • centos 7安装教程(图文详解)
  • linux device driver
  • Linux基础与应用开发指南pdf百度云
  • centos创建一个文件
  • Win8.1不借助第三方软件怎么给文件夹加密并隐藏
  • linux开启ssh服务失败
  • linux 744
  • 游戏新手引导架构
  • vue scoped属性作用?实现原理
  • js有哪些作用域,分别是什么意思
  • vue@cli
  • android binary xml
  • echarts图表
  • python redis incr
  • javascript new fun的执行过程
  • javascript字符类型
  • pythonwhile循环语句用法
  • 南京市国家税务局官网
  • 五证合一后工商变更完还要税务变更吗
  • 韩国工资多少人民币
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设