自写的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 省地市级联选择
Feb 07 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 Javascript
vue-cli3+typescript初体验小结
Feb 28 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 Javascript
Vite + React从零开始搭建一个开源组件库
Jun 25 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
PHP4之真OO
2006/10/09 PHP
怎么使 Mysql 数据同步
2006/10/09 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
第十章之巨幕页头缩略图与警告框组件
2016/04/25 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
js 作用域和变量详解
2017/02/16 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
python中通过预先编译正则表达式提高效率
2017/09/25 Python
python hook监听事件详解
2018/10/25 Python
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
基于python生成器封装的协程类
2019/03/20 Python
详解python多线程之间的同步(一)
2019/04/03 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
python制作朋友圈九宫格图片
2019/11/03 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
会计专业毕业生推荐信
2013/11/05 职场文书
团组织关系介绍信
2014/01/12 职场文书
致共产党员倡议书
2014/04/16 职场文书
关于学习的演讲稿
2014/05/10 职场文书
党员学习中共十八大思想报告
2014/09/12 职场文书
施工安全协议书范本
2014/09/26 职场文书
2015年教研工作总结
2015/05/23 职场文书
Python基础详解之描述符
2021/04/28 Python
对讲机的最大通讯距离是多少
2022/02/18 无线电
Python加密技术之RSA加密解密的实现
2022/04/08 Python