位置: 编程技术 - 正文

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

  • 购买的携税宝费用怎么做账?
  • 快递公司快递人员工资记入什么会计科目
  • 企业所得税不超过300万怎么算
  • 农产品普通发票抵扣政策
  • 累计纳税工资是什么意思
  • 一般纳税人建筑工程税率是多少
  • 应交税费贷方余额怎么算
  • 员工异地缴纳社保协议
  • 无法收回的应收账款情况说明
  • 购买实验器材会计分录
  • 增值税和实际缴税不符
  • 个人贷款打入公司账户
  • 注册资本需要
  • 营改增后增值税暂行条例实施细则
  • 同一地级行政区怎么划分
  • 私营企业所得税是多少
  • 多缴税款退回及退回
  • 定额发票存根联丢失如何处罚
  • 对方已认证的发票在哪里
  • 事业单位固定资产处置流程
  • 现金福利支出需要申报个税吗
  • windows10.0
  • 如何在没有开瓶器的情况下开红酒
  • 留底税额怎么分录
  • 慈善总会捐赠流程
  • 代开发票的弊端?
  • macOS Big Sur 11.2.1 修订版更新发布
  • win10 1909无法连接到这个网络
  • 转让土地使用权的条件是什么
  • 出现又离开
  • 废旧物资回收企业所得税优惠政策
  • html中a标签怎么引用图片
  • React基础-JSX事件绑定-事件传参
  • 代理付银行手续费合法吗
  • 税负率包含哪些税种
  • 房地产企业年报数据
  • 投资收益交增值税税率是多少
  • 哪些合同必须签订书面合同
  • 公司收到注册资本金需要做哪些呢
  • 抄税是什么时间截止
  • 小规模纳税人零申报可以持续多久
  • 跨年的进项税额转出要补交税款吗
  • 净资产收益率多少才是好股
  • 多缴纳了个税税率怎么办
  • 委托加工物资贷方
  • 服务咨询类合同
  • 发现错账后进行错账更正的方式
  • 交通运输业包含
  • 母公司帮子公司代缴社保
  • 招标代理服务费计算器在线
  • 印花税退回计入什么科目
  • 什么是资产减值转回
  • 事业单位私车公用如何处罚
  • 销售怎么写啊
  • sql数据库检查命令
  • 三星笔记本电脑
  • winxp设置在哪
  • xp系统怎么连接电脑
  • debian更新软件
  • bios术语
  • 文件夹隐藏属性怎么弄
  • win10 rundll
  • mac电脑卡死按哪三个键
  • win7组合键失效
  • windows8关机键在哪里
  • win10系统激活后怎么关闭
  • nodejs使用视频教程
  • python生成二维码添加图片
  • jQuery中的ajax async同步和异步详解
  • jquery中操作dom节点的方法
  • Protecting Content With AssetBundle[Unity]
  • 你有一份来信
  • domReady的实现案例
  • nodejs事件队列
  • 深入理解新发展理念
  • 国家税务局涉税信息公开
  • 国家税务总局河南省税务平台
  • 财务跨期报销问题
  • 房子办不了产权
  • 亏损可以结转吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设