jquery中live()与click()方法的区别
来源:互联网 发布:图片上传淘宝变模糊 编辑:程序博客网 时间:2024/06/05 22:29
项目中遇到需要动态生成 div 的控件,对这些 div 控件需要添加 click 事件,刚刚开始尝试如下:
$(".new_div").click(function(){ alert("test"); $(this).addClass("hightlight").children("div").show.end() .siblings().removeClass("hightlignt").children("div").hide(); });
结果并没有响应。后来查了一下资料:
live
方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)click
方法附加的事件处理程序适用于匹配选择器的当前元素
由于我添加的 div 元素是从服务器返回的数据动态加载生成的,通过上面的方法并不能给它绑定click 事件。修改如下:
$(".new_div").live('click',function(){ $(this).addClass("highlight").children("div").show().end() .siblings().removeClass("highlignt").children("div").hide(); });
结果是可以的。最后尝试用live 绑定 toggle() 方法,代码如下:
$(".new_div").live('click',function(){ $(this).toggle(function () { $(this).addClass("highlight").children("div").show().end(); $(this).children("img").attr("src", "image/up.png"); },function () { $(this).addClass("highlight").children("div").hide().end(); $(this).children("img").attr("src", "image/down.png"); }); $(this).trigger('click');});注意:
$(this).trigger('click');的作用在于,让绑定的click 立即生效,如果没加上这一句,那么第一次点击 div 是没有反应的。
0 0
- jquery中live()与click()方法的区别
- Jquery方法click() bind() live() delegate()区别
- jquery的click bind live 区别
- jQuery中.live()方法的使用方法与bind()区别
- jQuery中live与bind方法的区别
- jQuery中on与click的区别
- jQuery中on与click的区别
- jQuery方法区别:click() bind() live() delegate()区别
- jquery: click()与bind('click')的区别
- jQuery:click() bind() live() delegate()区别
- jQuery:click() bind() live() delegate()区别
- jQuery中bind,live,delegate与one方法的用法及区别
- 深入理解jQuery中live与bind方法的区别 unity3d资源
- jQuery中bind,live,delegate与one方法的用法及区别
- jQuery中bind,live,delegate与one方法的用法及区别
- jQuery中bind与live的用法与区别
- jQuery中bind和live方法的区别
- jQuery中.bind()、.live()和.delegate()方法之间的区别
- 个人学习笔记---ebp,esp指针的理解
- 使用FusionCharts完成统计图表
- W3school学习笔记之html
- 巴斯卡三角形 C++版
- HDU 5201 The Monkey King
- jquery中live()与click()方法的区别
- EGORefreshTableHeaderView使用方法(二)
- Android环境搭建Appium测试框架 Python
- 分布式系统一致性的发展历史
- iOS中关于属性@property和@synthesize的问题:
- Git使用教程1:下载及安装
- 用set实现大顶堆
- js获得表格多行数据(多选框)
- qt model 与 view 的数据显示