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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Feb 15 Javascript
用 Javascript 验证表单(form)中的单选(radio)值
Sep 08 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
UI Events 用户界面事件
Jun 27 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
js实现时分秒倒计时
Dec 03 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 Javascript
javascript 使用sleep函数的常见方法详解
Apr 26 Javascript
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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 分页分组类
2009/12/10 PHP
php中长文章分页显示实现代码
2012/09/29 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
JS实现购物车特效
2017/02/02 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
2018/04/19 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
Python正则表达式实现截取成对括号的方法
2017/01/06 Python
Python简单实现Base64编码和解码的方法
2017/04/29 Python
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
PyQt5每天必学之创建窗口居中效果
2018/04/19 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
python实现简单坦克大战
2020/03/27 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
全球性的在线购物网站:Zapals
2017/03/22 全球购物
房地产活动策划方案
2014/05/14 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
交通安全月活动总结
2015/05/08 职场文书
个人落户申请书怎么写?
2019/06/28 职场文书