自写的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 相关文章推荐
jQuery之过滤元素操作小结
Nov 30 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
JS中实现函数return多个返回值的实例
Feb 21 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
May 02 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
js实现带搜索功能的下拉框
Jan 11 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 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实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
javascript 动态创建表格
2015/01/08 Javascript
14个有用的Jquery技巧分享
2015/01/08 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
Python采用Django开发自己的博客系统
2020/09/29 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
速记Python布尔值
2017/11/09 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
python迭代dict的key和value的方法
2018/07/06 Python
Python异常处理操作实例详解
2018/08/28 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
pandas分组聚合详解
2020/04/10 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
2014年小学元旦活动方案
2014/02/12 职场文书
数学教学随笔感言
2014/02/17 职场文书
小学一年级学生评语
2014/04/22 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
红楼梦读书笔记
2015/06/25 职场文书
党组织结对共建协议书
2016/03/23 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python
如何利用Python实现一个论文降重工具
2021/07/09 Python
Apache Linkis 中间件架构及快速安装步骤
2022/03/16 Servers