自写的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 相关文章推荐
使用js画图之圆、弧、扇形
Jan 12 Javascript
JQuery实现带排序功能的权限选择实例
May 18 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
JS上传组件FileUpload自定义模板的使用方法
May 10 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
JS数组搜索之折半搜索实现方法分析
Mar 27 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
Vue项目前后端联调(使用proxyTable实现跨域方式)
Jul 18 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实现单例模式最安全的做法
2014/06/13 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
JS 如果改变span标签的是否隐藏属性
2011/10/06 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
2016/05/17 Javascript
JS全局变量和局部变量最新解析
2016/06/24 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
JS键盘版计算器的制作方法
2016/12/03 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
详解Python中的文件操作
2016/08/28 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
Python使用OpenCV进行标定
2018/05/08 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
scrapy中如何设置应用cookies的方法(3种)
2020/09/22 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
师范生自荐信范文
2013/10/06 职场文书
抵押贷款承诺书
2014/05/30 职场文书
诚实守信演讲稿
2014/09/01 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android