解决Jquery向页面append新元素之后事件的绑定问题
2015-03-16 10:12
886 查看
我先看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新元素之后,如何解决事件的绑定问题?
- Jquery通过append新元素之后事件绑定问题的解决方案
- 使用Jquery的鲜活绑定(lively-ness),解决“新添加的元素,事件不可用”的问题
- jquery 新建的元素事件绑定问题解决方案
- 关于jQuery动态加载元素之后绑定事件无法触发的问题
- 解决jquery动态创建元素绑定事件失效问题
- Jquery前端之 事件绑定(二) 解决事件的删除,事件的无序执行的问题,有个小例子
- 解决jQuery元素绑定toggle事件后元素变成隐藏的问题
- 解决linkbutton组件disable方法无法禁用jQuery绑定事件的问题
- html页面局部加载所带来的事件重复绑定解决办法bootstrap+summernote遇到的问题
- 解决jquery动态创建元素绑定事件失效问题
- 解决jquery appaend元素中id绑定事件失效的问题
- 解决jQuery元素绑定toggle事件后元素变成隐藏的问题
- 如果dom节点是动态添加进页面的,在页面节点绑定事件如何解决的问题。
- jQuery中on绑定事件后引发的事件冒泡问题如何解决
- jquery 新建的元素事件绑定问题解决方案
- 解决jquery 新建的元素事件绑定问题
- 解决jquery新加入的元素没有绑定事件问题
- jQuery执 4000 行完一个输入框的回车事件代码之后,会自动刷新页面解决办法
- [JQUERY-AJAX-JST] 动态渲染的页面事件无法绑定问题的解决方案