自写的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 prototype 原型链
Mar 12 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 Javascript
深入理解javascript构造函数和原型对象
Sep 23 Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
javascript 动态脚本添加的简单方法
Oct 11 Javascript
微信小程序 教程之模板
Oct 18 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
深入浅析JSONAPI在PHP中的应用
Dec 24 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程序的方法
2009/03/09 PHP
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
如何使用php绘制在图片上的正余弦曲线
2013/06/08 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
PHP CURL使用详解
2019/03/21 PHP
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
JavaScript中的继承之类继承
2016/05/01 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
实例说明Python中比较运算符的使用
2015/05/13 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
Python工厂函数用法实例分析
2018/05/14 Python
python截取两个单词之间的内容方法
2018/12/25 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
jupyter notebook 增加kernel教程
2020/04/10 Python
初中生期末考试的自我评价
2013/12/17 职场文书
招聘单位介绍信
2014/01/14 职场文书
学生会招新策划书
2014/02/14 职场文书
综合实践活动方案
2014/02/14 职场文书
倡议书范文
2014/04/16 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript