自写的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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
js实现内容显示并使用json传输数据
Mar 16 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
canvas实现图像布局填充功能
Feb 06 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
Dec 19 Javascript
浅谈Fetch 数据交互方式
Dec 20 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
jquery css实现流程进度条
Mar 26 jQuery
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源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
JavaScript中使用正则匹配多条,且获取每条中的分组数据
2010/11/30 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
JQuery触发事件例如click
2013/09/11 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
js控制input框只读实现示例
2014/01/20 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
2014/04/16 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
javascript学习笔记(八)正则表达式
2014/10/08 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
Vue实现购物车功能
2017/04/27 Javascript
js简易版购物车功能
2017/06/17 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
微信小程序版翻牌小游戏
2018/01/26 Javascript
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
js和jquery判断数据类型的4种方法总结
2020/08/28 jQuery
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
Python2.x和3.x下maketrans与translate函数使用上的不同
2015/04/13 Python
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
Django自定义用户认证示例详解
2018/03/14 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
用python解压分析jar包实例
2020/01/16 Python
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
初中生物教学反思
2014/01/10 职场文书
商业活动邀请函
2014/02/04 职场文书
吨的认识教学反思
2014/04/27 职场文书
本科应届生求职信
2014/08/05 职场文书
医院见习报告范文
2014/11/03 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android