博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
转载:mysql数据库密码忘记找回方法
查看>>
scratch少儿编程第一季——06、人在江湖混,没有背景怎么行。
查看>>
【贪心+DFS】D. Field expansion
查看>>
C# Async与Await的使用
查看>>
Mysql性能调优
查看>>
iOS基础-UIKit框架-多控制器管理-实例:qq界面框架
查看>>
IOS-每个程序员的编程之路上都应该看这11本书
查看>>
自定义tabbar(纯代码)
查看>>
小程序底部导航栏
查看>>
ibatis学习笔记
查看>>
18-ES6(1)
查看>>
poj1611 简单并查集
查看>>
Ubuntu 14.04下安装CUDA8.0
查看>>
跨平台开发 -- C# 使用 C/C++ 生成的动态链接库
查看>>
C# BS消息推送 SignalR介绍(一)
查看>>
WPF星空效果
查看>>
WPF Layout 系统概述——Arrange
查看>>
PIGOSS
查看>>
几款Http小服务器
查看>>
iOS 数组排序
查看>>