位置: 编程技术 - 正文

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

  • 小规模纳税人租赁不动产税率
  • 一般纳税人劳务派遣税率
  • 油库存油租赁
  • 出口退税进项税额转出怎么申报
  • 转让费和押金的区别
  • 一般纳税人建筑材料税率是多少
  • 股东不任职
  • 股权转让开票怎么做账
  • 已出库未开票要交税吗
  • 分支机构是否享受小微企业企业所得税优惠?
  • 增值税一般纳税人证明文件
  • 物业公司临时工的工资可以进成本吗
  • 结转安装费用的会计分录
  • 委托加工模具的费用计入什么科目?
  • 增值税专用发票可以开电子发票吗
  • 伙食费没有发票可以税前扣除吗
  • 特殊性税务处理弥补亏损限额
  • 收据和发票有什么区别?买家电
  • 租用办公室协议书
  • 单位收到社保补贴会计怎样处理
  • 电脑管家如何深度访问
  • 服务器ssl证书过期怎么解决
  • 增值税普通发票和电子普通发票的区别
  • 2022年苹果iphone14一个几个颜色
  • 购入专利权的会计科目
  • ios.开发
  • 税务局关于免税资格的审核认定
  • php静态属性和静态方法
  • 作用域和作用域链的理解
  • html前端技术
  • springcloud阿里巴巴
  • vue生命周期图解
  • linux sz命令使用
  • 进项税额转出在申报的时候怎么填
  • 小规模纳税人定义
  • 产生滞纳金有什么影响
  • 销售价格低于成本价,税务机关是否有权纳税调整?
  • 织梦设置会员访问
  • mysqli删除
  • 幼儿园收费怎么说
  • 成本核算需要哪些单据
  • 国有集体企业是国企吗
  • 失控发票要补交所得税吗
  • 预收账款确认的条件
  • 哪些拍卖行为不属于诈骗
  • 公司没有车油费可以报销吗
  • 国外佣金代扣代缴增值税可以抵扣吗
  • 库存商品结转成本的金额怎么计算
  • 房屋如何计提折旧费
  • 开出银行承兑汇票一张用于支付材料采购款
  • 个人微信转账可以给对方开发票吗
  • 土地出让过程缴纳的费用
  • 中标服务费计入合同取得成本
  • 汇兑损益分录如何写
  • 破产重整期间转让股权
  • 对公账户进账不了怎么办
  • 久期缺口计算公式解析
  • 汇票本票支票的联系
  • xp系统好怪啊
  • fedora怎么样
  • c盘满了怎么释放空间
  • vmwarevmx进程是干嘛的
  • linux模块的概念
  • win7系统IE浏览器打开跳转到360浏览器,怎么阻止
  • win10系统下如何打开internet(ISS)信息服务
  • win8系统盘清理
  • win7的环境变量如何还原
  • win10开机后没声音
  • 剑指offter
  • node mongoose
  • android网络通信http
  • linux中的shell命令
  • node.js express koa
  • 开发 工具
  • #vr#
  • python生成器send
  • python队列只能一个个读取吗
  • 残疾人就业保障金什么时候申报缴纳
  • 个人所得税追缴很快就缴清了还会被罚款吗
  • 北京地方税务局李宗定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设