jquery append加入新元素后事件无效处理方法
来源:互联网 发布:电信网络转换 编辑:程序博客网 时间:2024/04/29 15:58
jquery append加入新元素后事件无效处理方法
在很多网站上说是使用live就可以用,但是我发现我使用的jquery的版本是1.9,在1.9后live删除了,所以改用on的方法来处理
根据jQuery的官方描述,live方法在1.7中已经不建议使用,在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。
on方法可以接受三个参数:事件名、触发选择器、事件函数。中间有个触发选择器的参数,使用它就可以实现live的效果。这个触发选择器实际上就是在JQ内部判断了一次事件参数的$(e.target).is(selector),只有触发对象匹配触发选择器才会触发。这是利用了事件冒泡的机制来完成的,原本的live也是使用冒泡机制所以既然on可以实现那么live也就没有存在的必要了,只不过为了兼容让它从1.7苟延残喘的活到了1.9而已。
这篇文章也没啥内容了,接下来就用这个功能做点有意义的事情示范下吧~ 在低版本IE中A标签在鼠标按下时候会出现虚线边框,这是由focus造成的。我们只要在全局事件中做点手脚就能解决这个问题。在现代浏览器中focus是不冒泡的,但是低版本浏览器中可以冒泡。所以对于低版本浏览器中对focus使用live是有效的。在jQuery1.9之前的版本我们可以这样写:$("a").live("focus",function(){
jQuery1.9之后由于live被删除了,所以应该这样写
this.blur();
});$(document).on("focus","a",function(){
还要注意个问题,如果是从live的写法换成on的写法别忘了调整调用链。因为live的返回值是事件触发的对象,而使用on则是在容器对象上。
this.blur();
});//jQuery1.9-
$("#panel").find("div").live("click",function(){
alert("x");
}).addClass("x");
//jQuery1.9+//此处div可以是选择的对象 如 class :.school-item id: #id
$("#panel").on("click","div",function(){
alert("x");
}).find("div").addClass("x");
$(document).on('click','.school-item',function(){
var item=$(this);
//更新选择大学文本框中的值
$('#text_school').val(item.text());
});
- jquery append加入新元素后事件无效处理方法
- jquery append加入新元素后事件无效处理方法(转载)
- Jquery解决动态加入的新元素后事件无法响应的问题
- 处理jQuery append加入的元素 绑定事件无效的方法
- 关于jquery append() 加入的元素,绑定事件无效的方法
- 单元格编辑后事件处理
- 用Jquery向文档中追加文本(通过 append()方法添加若干新元素)
- spring 启动完成后事件监听器处理
- 在IE8中,Jquery动态append方式加入标签时无效的解决方案
- 关于jQuery append生成的新元素添加事件失败
- Jquery通过append新元素之后事件绑定问题的解决方案
- jquery 动态生成html后事件不触发
- jquery after(),append()方法
- jQuery——append等文档处理方法
- jquery append添加的元素事件无效
- Jquery绑定页面新元素的方法
- VS生成后事件
- WdatePicker选择后事件
- 【android,19】android照相机、视频录制,开启系统照相机和视频录制
- 硬件设计
- IOS学习笔记 多线程基本理论基础(1)
- 据说,年薪百万的程序员,都是这么开悟的
- android-合并两张图片bitmap
- jquery append加入新元素后事件无效处理方法
- POJ 2635 The Embarrassed Cryptographer
- H264码流中SPS的获取
- 鸟哥私房菜2nd之Linux磁盘与文件系统管理 - 2/3
- 25个必须记住的SSH命令
- 第一次使用git 将 工程发布到github中
- 发展之道:简单与专注
- Python实用技巧-成为Pythoner必经之路
- Android源代码下载过程中无法下载repo的解决方法