解决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 相关文章推荐
(function(){})()的用法与优点
Mar 11 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
Apr 25 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
Bootstrap导航中表单简单实现代码
Mar 06 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
js字符串处理之绝妙的代码
Apr 05 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 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
在Debian系统下配置LNMP的教程
2015/07/09 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
常见的5个PHP编码小陋习以及优化实例讲解
2021/02/27 PHP
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
Python单元测试实例详解
2018/05/25 Python
python调用staf自动化框架的方法
2018/12/26 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
pandas中的series数据类型详解
2019/07/06 Python
Python3 批量扫描端口的例子
2019/07/25 Python
python argparser的具体使用
2019/11/10 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
几道数据库的概念性面试题
2014/05/30 面试题
2014两会优秀的心得体会范文
2014/03/17 职场文书
教师业务培训方案
2014/05/01 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书