自写的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一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
再探JavaScript作用域
Sep 24 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
Jun 10 Javascript
五句话帮你轻松搞定js原型链
Dec 09 Javascript
VUE实现吸底按钮
Mar 04 Vue.js
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
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
php实现简单的上传进度条
2015/11/17 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
javascript动态加载二
2012/08/22 Javascript
js如何获取兄弟、父类等节点
2014/01/06 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
2014/06/12 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
[04:23]DOTA2上海特锦赛小组赛第一日 TOP10精彩集锦
2016/02/27 DOTA
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
Python3基础之输入和输出实例分析
2014/08/18 Python
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
解决pip install psycopg2出错问题
2020/07/09 Python
Python threading模块condition原理及运行流程详解
2020/10/05 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
素质教育标语
2014/06/27 职场文书
长城的导游词
2015/01/30 职场文书
放假通知范文
2015/04/14 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书
angular异步验证器防抖实例详解
2022/03/31 Javascript