博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery - (delegate的使用)
阅读量:5061 次
发布时间:2019-06-12

本文共 783 字,大约阅读时间需要 2 分钟。

以前jq绑定点击事件,是不是都是$("xxxx").click(function(){}) 

嗯,人都是这样,不碰到坑,是不知悔改的。

讲讲为什么要用delegate绑定事件。

举个例子:我在class为demo的标签内的a 标签加了个点击事件,而点击事件里面执行的是把demo标签内,所有内容替换,同时也会重新插入a标签。

比如:

$(".app_infro_con").delegate("a","click",function() {     // 给class名为app_infro_con内的a 标签一个点击事件    $.ajax({        type:"get",        url: Url,        dataType:"jsonp",        async: true,        beforeSend:function(XMLHttpRequest){             $(".app_infro_con").html("");  // 替换app_infro_con内的内容,这时app_infro_con里面已经没有a标签了        },         success:function(res){            var infro = res.data.notice            $(".app_infro_con").html(infro);  // 这里的infro 是我外部定义的一个内容,里面是有a标签的,但是 如果用直接click去绑定,你会发现click只会触发一次,这是因为这里的a标签是新插入进来的。        }    })})

嗯,终于从坑里出来了。可怕~

转载于:https://www.cnblogs.com/lafitewu/p/8821387.html

你可能感兴趣的文章
前端工具----iconfont
查看>>
Azure Site Recovery 通过一键式流程将虚拟机故障转移至 Azure虚拟机
查看>>
Hello China操作系统STM32移植指南(一)
查看>>
cocos2dx CCEditBox
查看>>
VC++2012编程演练数据结构《8》回溯法解决迷宫问题
查看>>
第一阶段冲刺06
查看>>
WIN下修改host文件并立即生效
查看>>
十个免费的 Web 压力测试工具
查看>>
ckeditor 粘贴后去除html标签
查看>>
Mysql DISTINCT问题
查看>>
sort和sorted的区别
查看>>
UI自动化
查看>>
Elasticsearch-基础介绍及索引原理分析
查看>>
AJAX 学习笔记
查看>>
String.format(),字符拼接
查看>>
dbutils开源项目用法
查看>>
JSP获取当前日期时间
查看>>
undefined reference to `_sbrk', `_write', `_lseek', `_read'
查看>>
基于zuul 实现API 网关
查看>>
定义自己的布局RelativeLayout 绘制网格线
查看>>