自写的jQuery异步加载数据添加事件


Posted in Javascript onMay 15, 2014

几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了。

当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的。

1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能

$(‘#div').live(‘click',function(){ //do stuff 
});

但是live方法也有不支持的事件,例如:toggle事件 ,遇到这个情况可以给他加个click事件,之后再来个模拟点击trigger事件就ok了
$('a').live('click',function(){ 
$(this).toggle(function(){ 
 alert("q11"); 
// 

 alert($(this).attr("id")); 

 $(this).parent().children('ul').show(); 
},function(){ 

$(this).parent().children('ul').hide(); 
}); 
$(this).trigger('click'); 
/** 
之前绑定的click事件,只有点击了才会触发toggle事件,所以就给他加上模拟点击事件,不需要点击直接出发 
**/ 
});

2、jq1.7以上的就用on方法了,第一个属性为事件,第二个是 选择器,第三个是 执行的方法
$(document).on("click","#d1",function(){ 
alert("bbbbb"); 
});
Javascript 相关文章推荐
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
JavaScript函数柯里化原理与用法分析
Mar 31 Javascript
小程序点击图片实现自动播放视频
May 29 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
Feb 28 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
React 条件渲染最佳实践小结(7种)
Sep 27 Javascript
uni-app使用countdown插件实现倒计时
Nov 01 Javascript
js子页面获取父页面数据示例
May 15 #Javascript
js获取url中"?"后面的字串方法
May 15 #Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 #Javascript
javascript常用的正则表达式实例
May 15 #Javascript
js生成缩略图后上传并利用canvas重绘
May 15 #Javascript
Jquery性能优化详解
May 15 #Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 #Javascript
You might like
杏林同学录(四)
2006/10/09 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
js中判断控件是否存在
2010/08/25 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
jQuery中table数据的值拷贝和拆分
2017/03/19 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
Python遍历目录中的所有文件的方法
2016/07/08 Python
Python使用Selenium+BeautifulSoup爬取淘宝搜索页
2018/02/24 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
用Python自动清理电脑内重复文件,只要10行代码(自动脚本)
2021/01/09 Python
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
办公室文秘自我鉴定
2013/09/21 职场文书
财务会计实习报告体会
2013/12/20 职场文书
团日活动总结范文
2014/04/25 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
指导老师鉴定意见
2015/06/05 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python