首页 > 其他分享 >[jQuery]前端响应思路,以及jQuery的on和off

[jQuery]前端响应思路,以及jQuery的on和off

时间:2022-08-15 19:46:17浏览次数:56  
标签:jQuery off 请求 前端 绑定 事件 div

今天测试提出在前端有个地方有个buttom事件没有绑定上的问题。做一个简单的回顾。

 

测试之前我的设计思路是:

前端先给服务器发请求,请求成功则按钮绑定事件success,请求失败或请求结果为空数组则绑定事件default。

 

测试遇到的问题是,服务器响应事件很长,则刚刚进入页面时,网页还在等待系统相应,此时点击按钮,不能触发任何一个事件。

 

解决思路是:

前端默认给buttom绑定事件default,再给服务器发请求,请求成功则取消绑定事件default,重新给buttom绑定事件success。

 

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

 

此时涉及到如何给一个元素解除绑定事件。

猫猫给我提供的思路是unbind(),但bind()和unbind()方法在jQuery 3.0都已经被弃用。

继续查发现是使用off()方法。jQuery1.7以后均可放心使用。

 

$("div").off();          // 这个是解除了div身上的所有事件
$("div").off("click");   // 这个是解除了div身上的点击事件

 

标签:jQuery,off,请求,前端,绑定,事件,div
From: https://www.cnblogs.com/ximu1009/p/16589422.html

相关文章

  • Web前端和UI前端之间有哪些区别
    许多人无法区分用户界面前端和网络前端的区别,认为他们做同样的工作。因此,今天的爱创课堂将详细讨论两者的区别:Web前端开发对网站而言,前端即是网站的前端,它包括表现层和......
  • jQuery
    一、jq简介jQuery内部封装了原生的js代码(还额外添加了很多的功能),能够通过书写更少的代码完成js操作,类似于python里面的模块在前端模块不叫模块叫“类库”,兼容多......
  • 日常开发记录-当新手前端遇到新手后端,分页没有页码
     后端提供的接口获取到数据list,但是后台管理系统的分页没有【页码数】和【前往“”页】,可能是后端没有把pageSize和pageIndex以及total返回给前端。......
  • 前端好用API之MutationObserver
    前情一直以来都没有好的方式可以监听元素变化,Mutationevents虽然可以监听DOM树结构变化,但是因性能问题和差的兼容问题(Webkit内核不支持)并不推荐使用。MutationObserver......
  • office办公软件大全:Microsoft Office LTSC 2021 for Mac
    office2021forMac商业预览Mac版office2021包括Word,Excel,PowerPoint,Outlook,OneDrive,最新版本的office将附带新的深色模式支持,辅助功能改进,对Word、Excel、PowerPoint、......
  • 关于Microsoft office 2021 家庭与学生版本的通病问题的有关记录_其中的excel在单元格
    该问题已测试2台电脑的office2021家庭与学生版本,均出现同样的问题鼠标操作为匀速下拉,注意观察行数变化速度,在数据区域的下拉行数变化速度慢(甚至最后的时候一行一行的变化),......
  • 前端学习第65天
    5.内置构造函数在JavaScript中最主要的数据类型有6种:基本数据类型:字符串、数值、布尔、undefined、null引用类型:对象字符串。数值、布尔等基本数据类型也都有专门......
  • 前端处理 input 元素的 files 属性时报错【m.map is not a function】
    问题描述在使用HTML的文件上传元素<inputtype="file">时,处理其返回的files数据时遇到了这个报错m.mapisnotafunction。我的代码如下:constuploadCSVFiles=even......
  • 使用OfficeQuery快速搭建企业内部信息查询系统
    前言 OfficeQuery是新锐科技新推出的一款软件产品,主要用于企业的报表、EPR流程、订单等各种信息的查询,能够快速满足企业运营中的各种信息查询需求。与EasySQLMAIL不同,Off......
  • 前端基础
    目录网页的结构思想HTML(超文本标记语言)HTML5基本结构网页的结构思想根据W3C标准,一个网页主要由三部分组成:结构、表现还有行为。结构、表现、行为结构(骨架):HTML......