自写的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 相关文章推荐
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
jquery 快速回到页首的方法
Dec 05 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 Javascript
关于vue里页面的缓存详解
Nov 04 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
JS按回车键实现登录的方法
2014/08/25 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
Python 学习笔记
2008/12/27 Python
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
django 按时间范围查询数据库实例代码
2018/02/11 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
python计算auc的方法
2020/09/09 Python
python读取图片颜色值并生成excel像素画的方法实例
2021/02/19 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
印尼网上商店:Alfacart.com
2019/03/11 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
纪念建党演讲稿范文
2014/01/13 职场文书
会议邀请书范文
2014/02/02 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
少先大队干部竞选稿
2015/11/20 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android
Python学习之异常中的finally使用详解
2022/03/16 Python