自写的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算法学习(直接插入排序)
Apr 12 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
Sep 14 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
深入理解node.js http模块
Jan 24 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
JS实现遍历不规则多维数组的方法
Mar 21 Javascript
vue-router的HTML5 History 模式设置
Sep 08 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
Vue 实现拨打电话操作
Nov 16 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
php垃圾代码优化操作代码
2010/08/05 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
jQuery中操控hidden、disable等无值属性的方法
2014/01/06 Javascript
Jquery焦点与失去焦点示例应用
2014/06/10 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
javascript常用的设计模式
2017/02/09 Javascript
babel基本使用详解
2017/02/17 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python实现读取并保存文件的类
2017/05/11 Python
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
Python地图绘制实操详解
2019/03/04 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
python扫描线填充算法详解
2020/02/19 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
企事业单位求职者的自我评价
2013/12/28 职场文书
公司新年寄语
2014/04/04 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
迎国庆演讲稿
2014/09/15 职场文书
教师自查自纠材料
2014/10/14 职场文书
个人自荐书怎么写
2015/03/26 职场文书
环保建议书作文400字
2015/09/14 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python