自写的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 相关文章推荐
基于javascript 闭包基础分享
Jul 10 Javascript
javascript实现2048游戏示例
May 04 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
AngularJS发送异步Get/Post请求方法
Aug 13 Javascript
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
layui数据表格重载实现往后台传参
Nov 15 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 缓冲的免费实现方法
2006/10/09 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
鼠标事件延时切换插件
2011/03/12 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
javascript面向对象之对象的深入理解
2015/01/13 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
python编程开发之日期操作实例分析
2015/11/13 Python
python简单实现获取当前时间
2016/08/27 Python
django 中的聚合函数,分组函数,F 查询,Q查询
2019/07/25 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
设计部经理的岗位职责
2013/11/16 职场文书
一份创业计划书范文
2014/02/08 职场文书
座谈会主持词
2014/03/20 职场文书
《忆江南》教学反思
2014/04/07 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
2014年政教处工作总结
2014/12/20 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
Python+Tkinter制作专属图形化界面
2022/04/01 Python