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 相关文章推荐
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
Jan 17 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
基于Axios 常用的请求方法别名(详解)
Mar 13 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
原生JS中应该禁止出现的写法
May 05 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新手上路(九)
2006/10/09 PHP
php判断手机访问还是电脑访问示例分享
2014/01/20 PHP
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
Nodejs进阶:基于express+multer的文件上传实例
2016/11/21 NodeJs
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
浅谈js闭包理解
2019/04/01 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
2020/12/03 Vue.js
使用Python判断IP地址合法性的方法实例
2014/03/13 Python
浅谈Python中的数据类型
2015/05/05 Python
Python2.x中文乱码问题解决方法
2015/06/02 Python
Python如何对齐字符串
2020/07/30 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
服务标语口号
2014/07/01 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
2019学生会干事辞职信
2019/06/27 职场文书