位置: 编程技术 - 正文

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

  • 个人所得税可以退吗
  • 制造企业都需要什么人才
  • 设计合同服务期限怎么写
  • 扶贫入股分红能领多久
  • 管理费用怎么结转成本
  • 小规模印花税是季报还是月报
  • 开发成本属于什么类账户
  • 抄报未反写影响开票吗
  • 总公司一般纳税多少
  • 计提个人部分保险
  • 公司债券投资的优缺点
  • 土地增值税什么时候开始征收的
  • 并购重组资产怎么算
  • 组织职工捐款取得的现金计入什么会计科目?
  • 有限责任公司减资的法律规定
  • 软件入库会计分录
  • 第三方协议补贴
  • 不同税率的增值税如何报税
  • 试车要给钱吗
  • 物业公司收取电费加价依据
  • 出口退税的办理影响出口吗
  • 开票为单位 收款为个人
  • 汽车装饰装潢税率
  • 建安发票是什么意思
  • 预缴税多交了,税务局退吗
  • 申报增值税附表二代不出数据
  • 房产税计税依据房产原值怎么算
  • 增值税税负低如何解释
  • 企业的其他业务收入有
  • 回购股票时的会计分录
  • 财付通转款会计分录
  • 企业停产后员工怎么办
  • 盘盈现金计入当期损益
  • 与存货相关的车间固定资产日常
  • 电脑管家如何深度访问
  • win10专业版如何激活
  • 银行与银行之间转账会计摘要
  • 使用Huagepage和PGO来提升PHP7的执行性能
  • 委托加工物资企业收回自用
  • 不征税收入税收政策
  • 海浪冲击着海岸
  • 建筑工程房屋租赁费属于什么费用
  • vue生成二维码分享
  • 未分配利润可以弥补亏损吗
  • sql语句的基本用法
  • php 接口
  • 利润表中其他收益是什么
  • mongodb27017
  • python 熵值法
  • Python中的关键字
  • SQL2005 自动备份的脚本
  • 薪酬范围怎么写
  • 推迟确认收入的分析
  • 进项税和销项税怎么理解
  • 预交一年的房租怎么做账
  • 国外佣金算什么费用比较好
  • 当月计提公积金下月发放怎么做分录
  • 库存现金是负数怎么调
  • mysql alter table修改表命令整理
  • 恢复mysql数据库
  • sqlserver多表关联查询
  • xp系统可以双屏吗
  • windows 文件名太长无法删除
  • 轻轻松松在树枝上摘果子用什么成语
  • windows7怎么打开开机启动项
  • win7系统怎样设置
  • mac查看下载
  • win10拖动窗口快捷键
  • window10如何设置访客权限
  • 电脑系统脚本错误
  • win10安全问题
  • linux常用命令详解
  • 批处理文件.bat
  • perl hex
  • JQueryEasyUI之DataGrid数据显示
  • 安卓编程视频教程
  • 票据代码和票据号码是什么意思
  • 国家税务总局网站官网福建税务局
  • 做好绩效管理工作税务局
  • 如何计算土地增值税税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设