自写的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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
Dec 08 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
Sep 07 Javascript
javascript随机变色实例代码
Oct 15 Javascript
vue在线动态切换主题色方案
Mar 26 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
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
一个php作的文本留言本的例子(一)
2006/10/09 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
2015/12/24 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
2016/05/31 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
Nodejs回调加超时限制两种实现方法
2017/06/09 NodeJs
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
Python松散正则表达式用法分析
2016/04/29 Python
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
简单的命令查看安装的python版本号
2020/08/28 Python
什么是Python包的循环导入
2020/09/08 Python
美国在线宠物商店:Chewy
2019/01/12 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
涉外文秘个人求职的自我评价
2013/10/07 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
个人授权委托书样本
2014/09/13 职场文书
事业单位岗位说明书
2015/10/08 职场文书