HTML的a标签中，用id或class绑定点击事件不生效

最新推荐文章于 2022-05-31 23:35:45 发布
最新推荐文章于 2022-05-31 23:35:45 发布
阅读量1.8k 收藏 1
点赞数
文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zazaxiaobai/article/details/104195970
版权
在毕业设计中，作者遇到HTML a标签点击事件不生效的问题。使用POST请求后，新加入的a标签通过class或id绑定的事件无法触发。尝试了href和id绑定事件也无效，最终通过直接在a标签上添加onclick属性成功解决问题。
摘要由CSDN通过智能技术生成

a标签的点击绑定事件

今天在做毕业设计的时候，有一个需求，就是a标签点击触发事件。先来说一下遇到的问题。

代码原来是这样的，绑定了一个class =“positionA”。
你好！ 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
这个是可以正常触发下面这个事件的
在这里插入图片描述

但是我用了post请求后，重写了一个str加到原来的div里面，发现重写后的a标签不能触发事件

for (var i = 0; i < data.length
最低0.47元/天 解锁文章
周zaza
关注
js 修改Class未生效
qq_36079511的博客
07-26 2958
问题描述： 最近开发遇到了使用js的classList添加类时 未在页面中生效的问题，奇怪的是 使用JS查看dom数据类名是已经添加上的，但是页面上的dom对象并没有反应。部分代码如下： const options = { ...playPDFDefaultConfing, ...o } const domEnd = options.elem.querySelectorAll(".play-item-mask")[0]; const domIframe = options.elem.
关于a标签的点击事件触发无效的问题
热门推荐
monkeyfly学前端
07-21 4万+
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 项目为：xxxx管理系统。在该系统中，可以通过点击左侧的菜单（导航栏）来实现右边内容的切换。而且内容区的页面都是嵌套在 iframe 框架中的。 前提： iframe 嵌套的某个页面中有一个 &amp;amp;amp;lt;a&amp;amp;amp;gt; 标签。如：&amp;amp;amp;lt;a href=&amp;amp;quot;javascript:;&amp
动态添加的标签，class属性无效（绑定事件不可用）
Mervyn的博客
10-21 5000
前面一篇文章提到动态添加、删除一行的实现方法 在项目中第一次写动态添加的时候，遇到了一个问题，就是添加的标签，之前绑定的同class事件都失效了，查资料后发现，是绑定事件使用的方法不对，下面说一下。 首先是失效情况 $('.btn').click(function() { alert('点击了按钮'); }); 可以看到上面我是用.click()的方式绑定事件的，这个方法对动态添加的元...
jquery添加点击事件没反应，动态添加点击事件
04-24 3331
原文：https://blog.csdn.net/yajie_china/article/details/79392288 1.无法触发相应事件的两种代码 执行以下两种代码时，点击#id时，无alert弹出。 //1 $('#id').click( function() { alert('事件无相应'); }) //2 $('#id').on('click' , functio...
js添加class绑定事件无效的解决办法
Timor的博客
08-06 1623
当页面加载时，就会注册所有的事件，后面通过jquery新增的内容（< div class=“item”></ div>），再对新增的添加事件$(".item").click(function(){})；页面是不会执行的， 解决方法，使用live(), live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）: $(".item").live("click",function(){ }); 由于jquery1.9后的版本已经把live()方法删
VUE解决 v-html不能触发点击事件的问题
12-30
背景：后端返前端html格式的数据，前端用v-html解析渲染，如：<a></a>，a标签能成功渲染，但其绑定的事件无法触发。 原因：vue没有将其作为vue的模板解析渲染 解决方案：不用v-html而是component模板编译 上干货： ...
Angularjs中使用指令绑定点击事件的方法
10-20
本篇文章将详细讲解如何在AngularJS中使用指令来绑定点击事件。 首先，我们需要了解AngularJS的事件绑定机制。在Angular中，我们通常使用`ng-click`指令来绑定点击事件。`ng-click`指令会在元素被点击时执行指定的...
新插入ul中的＜li＞标签无法绑定点击事件
shiyue1016的博客
09-21 1719
我做的是搜索框下，关联数据显示 下面是html基本结构。 <input class="search" type="text" value="目的地：北京，上海，深圳" id="search"> <ul class="search-like" id="list-box"> </ul> ul内没有li，通过模板引擎方法插入从后台接收到的数据到ul中； 在给li绑定事件过程中遇到了问题，在外部绑定事件会无效，因为li是后面动态生成的，也就
js原生class绑定点击事件不行
qq_39273455的博客
05-27 6489
document.getElementsByClassName(“xxx”); 是获取页面中的class = xxx的所有DOM元素的集合,直接调用click方法是不行的.
奇怪的问题 struts的a标签好像不支持CSS中的类class
dudfur的专栏
01-08 558
证据如下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here .li .alink{ color: red; } .li .alink:hover{ color: yellow; } 百度 百
js新添加的标签，点击事件无效的原因和解决办法
ah8866的博客
02-21 559
对于新添加的标签应用如下写法会失效：　　$('.class').on("click",function(){……});相当于：　　$('.class').bind("click",function(){……});下边的方法会生效：　　$(document).on("click",'.class',function(){……});相当于：　　$('.class').live("click"...
做html时css经常无效果,html – CSS .class a {}无效
weixin_35831315的博客
06-03 444
这个算法刚停止在我的页面上工作(它已经工作了一年多)：Link Text.classA a {style: actual style;}a标签不再采用css中的样式.现在为了让我的标签拿起样式,我必须专门给它们一个类,这有效：Link TextIE7或FireFox4最近有什么变化会破坏第一个算法吗？我宁愿修复css而不是在几个页面上的所有相关标签上插入一个类.编辑以更好地显示实际样式：这不再有效...
整块 div 连接 并不影响内部a标签的连接
jonlys的专栏
11-23 872
function amIclicked(e, element) {     e = e || event;     var target = e.target || e.srcElement;     if(target.id==element.id)         return true;     else         return false; } function
【JS】解决new出来的class监听事件绑定了this后removeEventListener无效的问题
KatyLight的博客
01-24 525
【JS】解决new出来的class监听事件绑定了this后removeEventListener无效的问题
对于动态添加的元素绑定事件无效的看法
weixin_43623808的博客
11-06 251
在做项目中肯定会遇到一些，需要动态添加的元素，比如我做一个账号充值消费记录。用table实现的，每一条记录都是动态查询添加的。 也就是每一个<tr><td>消费时间</td><td>消费金额</td><td class="clickme">查看详情</td></tr>，这些信息通过ajax访问服务器查询...
a标签属性失效问题
weixin_52334984的博客
05-31 353
用style写成内部样式不会出现问题
html中a标签的事件,父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响...
weixin_42360993的博客
06-07 518
背景开发过程中遇到问题，简单写个demo 运行环境为Chrome 68描述一下这个问题，当a标签内部存在嵌套时， 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响。页面结构：a标签内部点击事件失效* {margin: 0;padding: 0;}.father {display: block;width: 500px;height: 200px;backgroun...
html页面发生变化时，class点击事件不起作用的解决方案
徊忆羽菲
10-11 1142
原js代码 $(".m-video").on("click", function () { alert('弹窗'); }); 当点击js，页面发生变化时，找不到对应的 m-video 导致js不生效 修改后js代码 $(document).on("click", ".m-video", function () { alert('弹窗'); ...
layui重新渲染laytpl 点击事件 不生效
最新发布
07-14
您好！如果在使用layui的laytpl重新渲染后，点击事件不生效，可以尝试以下解决方法： 1. 重新绑定点击事件：在重新渲染后，可能需要重新绑定点击事件。请确保在重新渲染后，使用layui的事件绑定方法（如form.on、table.on）或者原生的事件绑定方法（如addEventListener）重新绑定点击事件。 2. 使用事件代理：如果您动态添加了一些元素，并希望为它们绑定点击事件，可以考虑使用事件代理。您可以将点击事件绑定在一个父元素上，然后通过事件冒泡捕获子元素的点击事件。 以下是一个使用事件代理的示例代码： ```javascript // 绑定点击事件到父元素 layui.$('#parentElement').on('click', '.childElement', function () { // 处理点击事件 }); // 动态添加子元素 layui.$('#parentElement').append('<button class="childElement">点击我</button>'); ``` 3. 检查laytpl的渲染方式：请确保您在laytpl的渲染过程中，正确地将点击事件绑定到相应的元素上。您可以在laytpl的模板中使用标签属性或者JavaScript代码来绑定点击事件。 例如，在模板中使用标签属性绑定点击事件： ```html <script type="text/html" id="template"> <button class="childElement" lay-event="click">点击我</button> </script> ``` 然后，在渲染时使用layui的laytpl引擎，将模板渲染到相应的位置： ```javascript layui.laytpl(document.getElementById('template').innerHTML).render(data, function (html) { layui.$('#parentElement').html(html); }); ``` 希望这些解决方法能帮到您！如果问题仍然存在，请提供更多的代码和详细信息，以便我更好地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值