jQuery异步加载数据并添加事件示例
更新时间：2014年08月24日 10:01:28 投稿：whsnow
对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$(".XX").click();方法是不行的，关于这个问题的解决方法如下
几个月前在一个项目中涉及到树形栏，然后看了很多插件，觉得有点麻烦，于是自己写了一个，写着写着就出问题了。
当时项目是通过树形栏进行权限控制的，管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$(".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");
});
相关文章
如果Table数据过多，页面必然会拉的很长，固定表头，可以方便用户对照表头项目列表。近日做后台界面时，整理固定表头三种方法2011-01-01
a标签指向锚点top，可以在顶部防止一个a name=top的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了2014-08-08
jquery.photoFrame是很方便的一个相框插件，原理也很简单，将选定对象用九宫格table包裹，再设置其边框的背景图片即可。2010-06-06
任意输入国家和城市，用“，”分隔，点击设置下面的超链接就变为了刚设置的城市，点击可以跳到这个城市的查看地图页，鼠标移到超链接上会弹出一个350*350的地图2013-05-05
dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，在说出解决方案前先来普及一下jquery关于定位的几个方法2013-09-09
全选反选在数据的批量操作方面还是比较实用的，本文有个不错的示例，主要是当点击全选框时进行全选处理，感兴趣的朋友了解下2013-10-10
这篇文章主要为大家详细介绍了jQuery页面弹出框实现文件上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了基于jQuery的select下拉框选择触发事件实现方法,结合实例形式分析了常用浏览器对select触发事件的兼容及实现触发的相关技巧,需要的朋友可以参考下2016-11-11
下面小编就为大家带来一篇3kb jQuery代码搞定各种树形选择的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
想必大家对jquery $.each()并不陌生吧，使用它可以进行元素的遍历，下面有个不错的示例，感兴趣的朋友可以参考下2013-09-09
最新评论