解决Jquery向页面append新元素之后事件的绑定问题
更新时间：2015年03月16日 10:12:31 投稿：hebedich
今天有get到一个新知识点，就是当我们向页面添加新的元素之后，加载之前的函数方法就对新元素失效了，下面我来说说如何解决这个问题的？
我先看jq api文档没有找到方法，无果只好到网上找些资料，果然找到live方法。
其实很简单：
1.这是项目要求达到的效果，当我没用live事件，只用了简单的hover事件时：hover事件没有加载进来，没有我想要的边框效果，效果图如下
复制代码 代码如下:
/*经过用户技能标签增加样式*/
$(function(){
$(".s-edited").hover(function(){
$(this).toggleClass("borderd");
})
})
2.当我用了live之后，效果达到了，如下图：
代码如下：
复制代码 代码如下:
/*经过用户技能标签增加样式*/
$(".s-edited").live("hover",function(){
$(this).toggleClass("borderd");
})
我仔细的看了一下关于live的介绍，
给所有当前以及 将来 会匹配的元素绑定一个事件处理函数（比如hover事件）。也能绑定自定义事件。
PS：我是新手菜鸟，大神勿喷！
以上就是本文的全部内容了，希望大家能够喜欢。
您可能感兴趣的文章:
- jQuery添加新内容的四个常用方法分析【append，prepend，after，before】
- 解决jQuery使用append添加的元素事件无效的问题
- jquery append与appendTo方法比较
- jquery 追加元素append、prepend、before、after用法与区别分析
- jquery在ie7下选择器的问题导致append失效的解决方法
- jquery append 动态添加的元素事件on 不起作用的解决方案
- jQuery使用append在html元素后同时添加多项内容的方法
- jQuery中appendTo()方法用法实例
- jQuery中append()方法用法实例
- JS实现jQuery的append功能
相关文章
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
这篇文章主要介绍了JQuery控制div外点击隐藏而div内点击不会隐藏的方法,涉及show、hide及stopPropagation等方法的使用技巧,需要的朋友可以参考下2015-01-01
某些框架也使用 $ 符号作为简写（就像 jQuery），如果您在用的两种不同的框架正在使用相同的简写符号，有可能导致脚本停止运行，下面有个不错的解决方法2014-01-01
这篇文章主要介绍了jQuery实现动态表单验证时文本框抖动效果,可实现表单元素左右晃动的抖动功能,涉及jquery中元素的匹配与动画animate效果实现技巧,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jquery正则表达式验证，实现手机号、身份证号、中文名称验证，感兴趣的小伙伴们可以参考一下2015-12-12
下面小编就为大家带来一篇利用浮层使select不可选的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
jquery使用slideDown实现模块缓慢拉出效果的方法
这篇文章主要介绍了jquery使用slideDown实现模块缓慢拉出效果的方法,涉及slideDown方法操作模块展示效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了jQuery实现带展开动画的导航栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
本文就是要利用cookie插件，获取用户浏览文章历史记录，并将用户最近浏览历史记录显示在页面，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了jQuery选择器特殊字符与属性空格问题。通过选择器中含有特殊符号的注意事项和选择器中含有空格的注意事项详细介绍了解决问题的办法,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了jquery衣服颜色选取插件效果，很有艺术感，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
最新评论