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 相关文章推荐
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
javascript 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
javascript实现简单的分页特效
Aug 12 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
ztree实现权限横向显示功能
May 20 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
vue实现计步器功能
Nov 01 Javascript
原生JavaScript之es6中Class的用法分析
Feb 23 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 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
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
取得传值的函数
2006/10/27 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
2014/01/31 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
深入理解es6块级作用域的使用
2019/03/28 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
Python 类的继承实例详解
2017/03/25 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
python for循环输入一个矩阵的实例
2018/11/14 Python
python文件写入write()的操作
2019/05/14 Python
python 进程 进程池 进程间通信实现解析
2019/08/23 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
python使用matplotlib的savefig保存时图片保存不完整的问题
2021/01/08 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
办公室文秘自我评价
2013/09/21 职场文书
汽车制造与装配专业自荐信范文
2014/01/02 职场文书
英语教师岗位职责
2014/03/16 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
教师作风整改措施思想汇报
2014/10/12 职场文书
2014年生产部工作总结
2014/12/17 职场文书
委托书英文
2015/01/28 职场文书
就业意向书范本
2015/05/11 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
Java spring单点登录系统
2021/09/04 Java/Android
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
Java 数据结构七大排序使用分析
2022/04/02 Java/Android
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL