jQuery异步加载数据并添加事件示例


Posted in Javascript onAugust 24, 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 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
jQuery中读取json文件示例代码
May 10 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
Jul 11 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
JavaScript获取URL参数的方法之一
Mar 24 Javascript
fetch 使用及如何接收JS传值
Nov 11 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 #Javascript
Jquery中扩展方法extend使用技巧
Aug 24 #Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 #Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 #Javascript
js delete 用法(删除对象属性及变量)
Aug 24 #Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 #Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 #Javascript
You might like
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
如何解决PHP获取不到SESSION信息之一般情况
2019/10/10 PHP
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
jquer之ajaxQueue简单实现代码
2011/09/15 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
js获取当前时间显示在页面上并每秒刷新
2014/12/24 Javascript
JavaScript验证Email(3种方法)
2015/09/21 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
2016/07/07 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
使用SAE部署Python运行环境的教程
2015/05/05 Python
利用python实现数据分析
2017/01/11 Python
Python实现视频下载功能
2017/03/14 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
Python常用的json标准库
2019/02/19 Python
python与js主要区别点总结
2020/09/13 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
Python的logging模块基本用法
2020/12/24 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
Canvas在超级玛丽游戏中的应用详解
2021/02/06 HTML / CSS
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
生产管理的三大手法
2013/11/11 职场文书
聚美优品陈欧广告词
2014/03/14 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
工程项目经理任命书
2014/06/05 职场文书
学生会辞职信
2015/03/02 职场文书
党员干部学习心得体会
2016/01/23 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL