自写的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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
Apr 24 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
JavaScript多线程详解
Aug 12 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
js实现继承的5种方式
Dec 01 Javascript
JavaScript中this的用法实例分析
Dec 19 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
微信小程序云开发(数据库)详解
May 17 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
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
php计算2个日期的差值函数分享
2015/02/02 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
2010/12/04 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
jQuery EasyUI API 中文文档 - Panel面板
2011/09/30 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
python通过apply使用元祖和列表调用函数实例
2015/05/26 Python
python发送邮件功能实现代码
2016/07/15 Python
python实现发送邮件功能代码
2017/12/14 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
家用个人磨皮机:Trophy Skin
2017/03/30 全球购物
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
人力资源管理专业应届生求职信
2014/04/24 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书