自写的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 相关文章推荐
slice函数的用法 之不错的应用
Dec 29 Javascript
优化网页之快速的呈现我们的网页
Jun 29 Javascript
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
让复选框只能选择一项的方法
Oct 08 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
Dec 10 Javascript
不定义JQuery插件 不要说会JQuery
Mar 07 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
在js中修改html body的样式
Nov 11 Javascript
JS setTimeout与setInterval的区别
Apr 20 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 基本语法格式
2009/12/15 PHP
php下安装配置fckeditor编辑器的方法
2011/03/02 PHP
thinkphp区间查询、统计查询与SQL直接查询实例分析
2014/11/24 PHP
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
JQuery autocomplete 使用手册
2010/04/01 Javascript
jquer之ajaxQueue简单实现代码
2011/09/15 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
Javascript函数的参数
2015/07/16 Javascript
jQuery操作基本控件方法实例分析
2015/12/31 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
详解用node.js实现简单的反向代理
2017/06/26 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
2020/02/14 Javascript
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
python中尾递归用法实例详解
2015/04/28 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
django获取from表单multiple-select的value和id的方法
2019/07/19 Python
Python3分析处理声音数据的例子
2019/08/27 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
美国零售商店:Blue&Cream
2017/04/07 全球购物
工作时间上网检讨书
2014/02/03 职场文书
还款承诺书范文
2014/05/20 职场文书
感恩教育观后感
2015/06/17 职场文书
小学体育教学随笔
2015/08/14 职场文书
导游词之峨眉山
2019/12/16 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang