自写的jQuery异步加载数据添加事件

自写的jQuery异步加载数据添加事件_jquery

php中文网

发布： 2016-05-16 16:48:08

原创

1201人浏览过

几个月前在一个项目中涉及到树形栏，然后看了很多插件，觉得有点麻烦，于是自己写了一个，写着写着就出问题了。

当时项目是通过树形栏进行权限控制的，管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$(".XX").click();方法是不行的。

1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法，来实现该功能

XYCMS建站系统php版1.4

XYCMS建站系统PHP版非MVC框架,自己手写原生态普通代码，作为企业用，已经绰绰有余。软件运行效率中等，加入数据缓存后性能提高。假如用来学习，下载可以慢慢研究的，假如用来建站，可以选择购买商业版就行建站用。栏目类别：文章，人员信息，专题项目，招聘，下载，相册，单页【支持无限极分类】文章：可用作添加新闻，资讯，列表信息类栏目信息人员信息：可用作企业员工信息栏目内容添加或者维护专题项目：可用作企业

查看详情

复制代码代码如下:

 
$(‘#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"); 
}); 

大家都在看：

防止重复绑定：深入理解jQuery事件的on()与off()方法解决JavaScript/Web设置Cookie过期时间不生效的问题 jQuery事件绑定：深度解析on()与off()管理重复事件监听器理解 jQuery 中事件的解绑与绑定：避免重复监听器的最佳实践 jQuery Mask插件：为电话号码输入框添加不可移除的前导零