问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

如何为动态生成的<a>标签添加事件 ,只有点击时触发?

发布网友 发布时间:2022-04-28 10:32

我来回答

2个回答

热心网友 时间:2022-04-20 11:53

插入html代码后要重新绑定事件

近日工作当中,需要对由jquery动态生成的标签添加一些事件效果。

最初的做法是在页面载入时调用事件监听如下:

Js代码
1.$(document).ready(function(){
2. $("a.keyWord1").hover( 3. function(){ 4. $(this).css("text-decoration","underline"); 5. $(this).css("color","#fc9b3f"); 6. },
7. function(){ 8. $(this).css("text-decoration","none"); 9. $(this).css("color",""); 10. }
11. );
12. });
$(document).ready(function(){
$("a.keyWord1").hover(
function(){
$(this).css("text-decoration","underline");
$(this).css("color","#fc9b3f");
},
function(){
$(this).css("text-decoration","none");
$(this).css("color","");
}
);
}); 本意是,当鼠标移动到a标签时触发hover效果。但是最终一点发应也没有,当然以上的代码没有问题,我在其它地方是可以使用的。

后来对比了其它地方用到这段代码的标签,发现我当前的a标签是通过jquery动态生成的,而不是后台生成的,所以思考可能是由于jquery在页面加载绑定事件时,由于我的后来动态生成的a标签还不存在,所以事件绑定自然就不成立!当然一点反应也没有!

找到问题,就开始找解决方案:

方案如下(不是很完美)

在动态生成标签后,添加如下代码:

Js代码
1.$("a.keyWord1").bind("mouseover",function(){
2. $(this).css("text-decoration","underline"); 3. $(this).css("color","#fc9b3f"); 4.
5. });
6. $("a.keyWord1").bind("mouseout",function(event){ 7. //阻止事件冒泡 8. event.stopPropagation();
9. $(this).css("text-decoration","none"); 10. $(this).css("color","#06F"); 11. $(this).unbind(); 12. });
$("a.keyWord1").bind("mouseover",function(){
$(this).css("text-decoration","underline");
$(this).css("color","#fc9b3f");

});
$("a.keyWord1").bind("mouseout",function(event){
//阻止事件冒泡
event.stopPropagation();
$(this).css("text-decoration","none");
$(this).css("color","#06F");
$(this).unbind();
});

上面的代码意思是,对a标签,且class=keyWord1的标签进行事件的绑定!

这样就达到我的目的!

热心网友 时间:2022-04-20 13:11

生成标签<a>aa</a>时改成<a onclick="FunctionName();">aa</a>追问你用什么方法生的标签啊

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
农民的婚礼的介绍 死亡的胜利——波鲁盖尔笔下的中世纪黑死病 抚恤金是否属于遗产,怎样分配 抚恤金是否属于遗产,怎么分配 2015年6月-2016年一月跌价最多股票 ...玩英雄联盟结束提示Failed to create dump file:“(error 183)怎么... ...都跳出Failed to create dump file:"(error 183), ...玩英雄联盟lol频繁提示failedtocreatedumpfileerror183的解决方法... excel表格里的东西不小心删了,但是整个表未删,能回复数据不 变频器炸机了怎么维修 jquery1.7 动态添加的元素怎么绑定事件 动态生成的标签,怎么添加点击事件打开对应的内容网页 jquery动态添加到html页面的元素绑定事件 vuejs中动态增加的html,如何绑定事件? jquery怎样给动态生成的标签绑定事件 jquery动态创建html元素并绑定事件 怎样给HTML元素动态添加事件? 如何给动态添加的元素指定事件 js 动态生成html 怎么绑定事件 jquery html动态添加的元素绑定事件详解 如何给动态生成的元素绑定事件 动态生成的HTML标签如何实现绑定事件 html动态生成的代码,如何绑定事件 拍拍贷潜力额度是什么 车贷通的示例 贷款买丰田可以不买无忧套餐吗? 贷款购车中的无忧智慧套餐是什么意思? 梦见被异性同桌从背后抱是什么意思? 我跟他关系挺好的,但是都没有互相... 贷贷熊在第七个月把钱全部还清,他的总金额是多少?我的贷款套餐是6+1 好签条借款还要买套餐吗 如何将jquery动态生成的数据绑定事件 关于jquery 的绑定事件on 如何绑定动态生成 win10无法连接公共网络该怎么解决? 电信和网通的转换器叫什么 电信和网通之间的切换工具 电信网通转换器 什么软件可以把电信的转换成移动宽带 有没有电信网通转换加速器啊 电信转网通的转换器是什么、 急求网络网通转电信转换器 通过路由器上网能使用电信和网通的转换器吗? 网通电信转换器 谁知道怎么把电脑的电信网通转换。 免费电信网通转换器 网通电信网络转换器或加速器 谁知道“电信网通转换器”怎么下载免费的? 有什么免费网络转换器可以把电信网络加速到网通网络? 怎样实现网通和电信网络的转换 有免费可信的网通--电信网络转换器吗???(高分) 什么转换器好用?(网通转电信)