自写的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 相关文章推荐
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
关于JavaScript中string 的replace
Apr 12 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
使用console进行性能测试
Apr 27 Javascript
jQuery简单操作cookie的插件实例
Jan 13 Javascript
详解JavaScript节流函数中的Throttle
Jul 16 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
JavaScript 定时器详情
Nov 11 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
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
解析php中die(),exit(),return的区别
2013/06/20 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
php中引用符号(&)的使用详细介绍
2016/12/06 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
Webpack中SplitChunksPlugin 配置参数详解
2020/03/24 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
原生js实现购物车功能
2020/09/23 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
Python文件路径名的操作方法
2019/10/30 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
大专生自我鉴定范文
2013/10/01 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
保研推荐信
2014/05/09 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby