解决Jquery向页面append新元素之后事件的绑定问题_jquery
程序员文章站
2022-04-07 19:07:06
...
我先看jq api文档没有找到方法,无果只好到网上找些资料,果然找到live方法。
/*经过用户技能标签增加样式*/
$(function(){
$(".s-edited").hover(function(){
$(this).toggleClass("borderd");
})
})
/*经过用户技能标签增加样式*/
$(".s-edited").live("hover",function(){
$(this).toggleClass("borderd");
})
其实很简单:
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的click事件缺陷问题:绑定class了但是在ajax拼接刷新后点击事件不起作用问题的解决办法
-
【jQuery】解决动态添加的元素绑定事件不生效的问题
-
jquery 新建的元素事件绑定问题解决方案
-
解决jQuery使用append添加的元素事件无效的问题
-
【jQuery】解决动态添加的元素绑定事件不生效的问题
-
jquery 新建的元素事件绑定问题解决方案_jquery
-
jquery给img绑定error事件的问题解决
-
jquery给img绑定error事件的问题解决
-
JS中批量给元素绑定事件过程中的相关问题使用闭包解决_jquery
-
解决jquery appaend元素中id绑定事件失效的问题