解决Jquery向页面append新元素之后事件的绑定问题


Posted in Javascript onMarch 16, 2015

我先看jq api文档没有找到方法,无果只好到网上找些资料,果然找到live方法。

其实很简单:

解决Jquery向页面append新元素之后事件的绑定问题

1.这是项目要求达到的效果,当我没用live事件,只用了简单的hover事件时:hover事件没有加载进来,没有我想要的边框效果,效果图如下

解决Jquery向页面append新元素之后事件的绑定问题

/*经过用户技能标签增加样式*/


$(function(){
 



$(".s-edited").hover(function(){


   

 $(this).toggleClass("borderd");



})


})

2.当我用了live之后,效果达到了,如下图:

解决Jquery向页面append新元素之后事件的绑定问题

代码如下:

/*经过用户技能标签增加样式*/


$(".s-edited").live("hover",function(){



$(this).toggleClass("borderd");


})

我仔细的看了一下关于live的介绍,

给所有当前以及 将来 会匹配的元素绑定一个事件处理函数(比如hover事件)。也能绑定自定义事件。

PS:我是新手菜鸟,大神勿喷!

以上就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
jquery插件uploadify实现带进度条的文件批量上传
Dec 13 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
ReactNative实现Toast的示例
Dec 31 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
Javascript之datagrid查询详解
Sep 15 Javascript
jquery中radio checked问题
Mar 16 #Javascript
jquery中JSON的解析方式
Mar 16 #Javascript
浅谈js中的闭包
Mar 16 #Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 #Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 #Javascript
JavaScript中的DSL元编程介绍
Mar 15 #Javascript
JavaScript中的立即执行函数表达式介绍
Mar 15 #Javascript
You might like
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
初识laravel5
2015/03/02 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
jquery tab插件制作实现代码
2010/06/22 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
JS判断浏览器是否安装flash插件的简单方法
2016/09/13 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
[01:33]一分钟玩转DOTA2第三弹:DOTA2&DotA快捷操作大对比
2014/06/04 DOTA
[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski
2018/03/31 DOTA
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python实现读写sqlite3数据库并将统计数据写入Excel的方法示例
2017/08/07 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
python机器人行走步数问题的解决
2018/01/29 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
Python实现AI换脸功能
2020/04/10 Python
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
文秘自荐信
2013/10/20 职场文书
高中生毕业学习总结的自我评价
2013/11/14 职场文书
企业演讲比赛主持词
2014/03/18 职场文书
建筑安全责任书范本
2014/07/24 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
恰同学少年观后感
2015/06/08 职场文书
家庭贫困证明
2015/06/16 职场文书
小学家庭教育心得体会
2016/01/14 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
Win10系统下配置Java环境变量
2021/06/13 Java/Android
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫