位置: 编程技术 - 正文

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

  • 计提税额与实缴税额的区别是什么?
  • 怎么查企业适用哪个会计制度教学视频
  • 支付临时工劳务费700元需要开发票吗
  • 固定资产弃置费用计入什么科目
  • 固定资产折旧财务
  • 费用和利润的比例
  • 计提持有至到期投资减值准备
  • 个人外汇收入如何纳税
  • 固定资产盘盈盘亏的会计科目
  • 单位社保没推送
  • 给评委发酬劳怎么扣税?
  • 运输业应列入
  • 开办费一次性摊销企业所得税
  • 企业拆迁补偿款需要开发票吗
  • 母公司吸收合并全资子公司
  • 进项税额忘了抵扣
  • 售后回租 出租方
  • 消耗性生物资产是指什么
  • 商品条码续展费怎么退
  • vc_runtimeMinimum_x64.msi 找不到的解决方法
  • 采购费用应计入材料采购成本
  • 企业优惠促销活动中的税收筹划
  • openssh centos
  • win7为什么显示多重网络
  • apache运行php
  • linux阅读pdf
  • 公司缴纳的公积金什么时候到账
  • 最早的拍照手机是哪一年
  • 正则表达式u4e00
  • 销售机构人员工资属于管理费用吗
  • 矿产资源补偿费计入科目
  • 如何利用口诀记单词
  • 转让股权怎么做分录
  • 跨年的材料票可以抵扣吗
  • 向银行借入长期借款200000元,存入银行
  • php获取数据库中的数据,输出到div中
  • 上个月的未达账项对本月的余额有影响吗
  • thinkphp框架入门
  • 税控机维护费抵扣分录
  • /t python
  • collection的属性
  • 季度做账是什么意思
  • 利息收入做账
  • 公司一般户财务负责人是另一公司法人
  • 交去年企业所得税怎么做资产负债表
  • 完税证明可以作废吗
  • linux mint 下mysql中文支持问题
  • 购买固定资产未入账
  • 企业车辆年检费多少钱
  • 经营证在哪里办
  • 盈余公积转增实收资本会计科目
  • 成本核算的科目有哪些
  • 口罩属于什么经济分类
  • 小规模纳税人免增值税的账务处理
  • 增值税零税率与免税谁更优惠
  • 给慈善机构捐款英语
  • 无形资产的累计折旧
  • 累计摊销属于什么类科目
  • 置换的房产如何操作
  • 装修费应该按几折算
  • 收到社保局的稳岗通知
  • 税控盘全额抵扣怎么做分录
  • 以公司名义开的口腔诊所法人和负责人是两个人么
  • 销售费用和管理费用的税前扣除
  • 固定资产一次性加速折旧
  • 专票网上抵扣流程
  • 怎么防止win10
  • xp系统如何批量复制文件路径
  • 联想随笔
  • Windows7如何查看电脑配置
  • js一维数组转树结构
  • windows下安装python环境
  • Python网络爬虫出现text没有属性怎么办
  • python smtplib模块详解
  • 企业个税网上申报时间
  • 费减备案合格后怎么操作?
  • 税务总局转变税收征管方式
  • 年度汇算清缴计算
  • 税务局的局长是什么级别
  • 国家税务总局每家公司都可以注册吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设