解决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实现 注册时选择阅读条款 左右移动，有需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了jQuery模拟select实现下拉菜单功能,比较实用,需要的朋友可以参考下。2016-06-06
Jquery实现仿新浪微博获取文本框所能输入的字数，感兴趣的朋友可以研究一下代码方便你折腾，希望本文提供的方法可以帮助到你2013-02-02
jQuery Easyui datagrid editor为combobox时指定数据源实例
当在datagrid行内部应用添加编辑操作时，引入combobox是非常方便的操作，这篇文章主要介绍了jQuery Easyui datagrid editor为combobox时指定数据源实例，有兴趣的可以了解一下。2016-12-12
这篇文章主要为大家详细介绍了JQuery自定义模态框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了jQuery自适应轮播图插件Swiper用法,结合实例形式分析了jQuery轮播图插件的功能与具体使用方法,需要的朋友可以参考下2016-08-08
本文给大家分享的是一个使用jQuery插件windowScroll实现的单屏滚动的特效，主要参考搜狗浏览器4.2版本首页的上下滚动效果。主要实现整个窗口的上下和左右滚动逻辑，非常的实用。2015-07-07
jQuery实现table中两列CheckBox只能选中一个的示例
下面小编就为大家带来一篇jQuery实现table中两列CheckBox只能选中一个的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件echarts实现的去掉X轴、Y轴和网格线效果,结合实例形式分析了echarts插件绘制表格图及图形相关属性设置操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码（带平滑移动的效果）
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了2011-05-05
最新评论