解决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 相关文章推荐
Dom 是什么的详细说明
Oct 25 Javascript
基于JQuery的asp.net树实现代码
Nov 30 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
浅谈JavaScript中运算符的优先级
Jul 07 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
js+html5实现手机九宫格密码解锁功能
Jul 30 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
Feb 18 Javascript
Centos7 安装Node.js10以上版本的方法步骤
Oct 15 Javascript
Node.js文本文件BOM头的去除方法
Nov 22 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
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
PHP中的self关键字详解
2019/06/23 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
实现JavaScript中继承的三种方式
2009/10/16 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
python在命令行下使用google翻译(带语音)
2014/01/16 Python
python实现通过shelve修改对象实例
2014/09/26 Python
python快速查找算法应用实例
2014/09/26 Python
python根据京东商品url获取产品价格
2015/08/09 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
Python多图片合并PDF的方法
2019/01/03 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
如何基于Python创建目录文件夹
2019/12/31 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
python os模块在系统管理中的应用
2020/06/22 Python
介绍一下mysql的日期和时间函数
2013/03/28 面试题
个人求职简历中英文自我评价
2013/12/16 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
作风整顿剖析材料
2014/09/30 职场文书
又涨知识了,自律到底多重要?
2019/06/27 职场文书
教你如何使用Python下载B站视频的详细教程
2021/04/29 Python
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫