jquery给页面添加的元素标签点击事件没反应

最新推荐文章于 2022-12-26 14:21:31 发布
原创 最新推荐文章于 2022-12-26 14:21:31 发布 · 置顶 · 3.2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#jquery #点击事件
本文探讨了在使用jQuery动态加载页面元素时遇到的点击事件无法触发的问题，并提供了解决方案。通过将事件绑定从特定ID改为使用原始class的委托方式，可以确保动态加载的元素也能响应点击事件。

最经在写页面数据交互发现一个问题：

用jquery动态加载的页面标签在执行$("#ID").click(function(){-------});时没反应？

在网上找找了很久终于发现问题，只需要将你的时间改成$(".页面原始class").on('click','#js动态加载元素的ID',function(){------}).

这样就可以出发事件了。

jQuery绑定动态元素的点击事件无效
丹
01-16 620
之前就一直受这个问题的困扰，在写ajax加载数据的时候发现，后面追加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?那么，我们通过下面的示例简单说明。 示例如下： <div> <ul id="demo"> <li>Kubernetes：下一代分布式系统的护戒使者</li> <li&g...
点击jq动态生成的li不触发点击事件
qq_38257857的博客
04-10 1569
参考：https://blog.csdn.net/sinat_38737592/article/details/89786896 动态生成代码（给ul中追加li）： $('.chat_left').append('<li class="chat_'+from_uid+'" data-block="'+from_uid+'"><a href="javascript:">...
jquery动态添加的元素，on绑定click事件不作用
weixin_38169927的博客
08-30 280
真真实痛苦了，之前测试的时候明明也是这样写的是可以的，后来就莫名其妙的不可以了，不可以了怎么办，盘他，至于原因就随风吧，找不到之前为什么可以。 解决：on方法中要找到原选择器（如例.info),再找到动态添加的选择器（如列.delete)。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:...
jQuery点击动态添加的元素无反应的解决办法
hechenhongbo的博客
07-25 1297
页面动态添加的元素，用jQuery中的click直接点，无反应，有以下两种情况： 第一种： $('.re').click(function(){ alert(123); }) 哈有这种： $('.re').on('click',function(){ alert(123); }) 以上这两种是无反应的，是因为这两种都是直接存在在bom中的，动态添加的则找不到 写...
jQuery动态append添加元素后点击事件失效
1 Byte 的博客
12-21 1926
1. 问题描述：在div中动态添加span元素，之后执行$(selector).click(function(){var param = $(this).text();})无法触发事件。 2. 原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。 3. 解决方案：事件委...
jquery中对动态生成的标签不会响应click事件
10-27 2891
Jquery中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live。 我们这样绑定元素的click事件，以后jquery动态生成的元素，click事件也有效。 $('.clickme').live('click', function() { aler
jquery点击事件失效原因和解决办法
weixin_44886911的博客
10-10 4431
这里写自定义目录标题jquery点击事件失效原因和解决办法 jquery点击事件失效原因和解决办法 原文地址：https://www.cnblogs.com/leiting/p/9323539.html 在使用jQuery绑定点击事件的时候，有时候会遇到点击无效，这种情况大多出现在动态添加元素的时候。 例如：给demo里添加li元素给li绑定点击事件 $("#demo").append('<li>点我</li>'); 给li元素绑定点击事件 // 示范一 $("#demo li
JQuery 动态给 li 绑定点击事件，动态添加class
Mrs_Yu的博客
02-22 4165
需求： 给 li 里的 a 标签添加点击事件，并为被点击的 li 里的 a 添加 class_cur 属性值 $('#areaUl').on('click', 'a', function(e) { var aLi = $(".showArea"); var i = 0; for (i = 0; i < aLi.length; i++) { aLi[i].classNam...
jquery on() ajax 首次没反应,解决jQuery ajax动态新增节点无法触发点击事件的问题...
weixin_35146121的博客
08-05 614
在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法，为了达到更好的演示效果，假设在某个页面的body下有以下结构的代码：a...
jquery动态添加元素后，元素的事件无效（已解决）
weixin_38064520的博客
02-05 4092
jquery动态添加元素后，元素的事件无效（已解决） 基于jquery1.9以上版本作的解决方案 先贴一段正常逻辑写的代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="jquery-3.3.1.js" type
jquery对象给动态生成的元素添加事件失效【项目日常】
m0_62639693的博客
09-11 1375
jquery对象给动态生成的元素添加事件失效 动态生成的元素 一般是ajax异步请求会的响应后根据数据动态渲染生成的，然而ajax技术是异步执行的，ajax请求发送时，ajax请求获得响应需要时间，此时我们的 jquery对象添加事件的代码不会等待ajax请求响应返回，而是继续执行，但是此时因为ajax还未获得请求响应，动态元素还未生成；所以jquery对象事件添加固然会失败。选择器.事件名(function(){ });使用jquery的on函数。
解决jquery动态添加的元素不能执行事件的问题
weixin_33849942的博客
02-26 448
2019独角兽企业重金招聘Python工程师标准>>> ...
系列教程之jQuery动态append添加元素click点击事件失效
种麦南山下的博客
10-26 2503
最近开始做前端，遇到一些问题，现在记录一下，以备不时之需。 问题描述：在div中动态添加span元素，之后执行 $(selector).click(function(){ var param = $(this).text(); }) 无法触发事件。 原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。 解决方案：事件委托方式解决，将指定的事件绑定在document上，只要appe
关于jQuery出现的新添加元素点击事件无效（jq动态添加元素后，新元素点击无效果解决办法）
CSDN for recording problems
05-31 5355
$(document).on('click','.delete_params',function (e) { console.log(e) $(this).parent('.add_params_tr').remove(); }) 试了试，必须以上述格式绑定点击事件 $('.delete_params').on('cli...
jQuery给动态添加的元素加点击事件失效的原因以及解决办法
qq_44782585的博客
02-21 1912
一、问题描述 　　用jQuery的append()方法动态添加了一段html代码之后，发现在为新添加的元素绑定click事件时无法获取该新元素。 二、解决方法 使用jQuery的on（）方法添加元素。 三：具体代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery on()方法测试</title>...
点击事件不生效,点击不起作用，多半是元素被遮挡。css元素被遮挡，选择不到
热门推荐
ParadiserD的博客
10-31 1万+
有过js控制点击不生效的时候吗，这时就要考虑你的元素是否被其他元素遮挡了。这里说的遮挡并不是看不到。而是能看到，却无法透过另一元素选中它。 可以试一下以下两种方案： 1、css调节z-index 首先要考虑的是更外层的元素遮挡了靠里层的元素。比如外层遮挡为一个div（.card）被遮挡的是一个input框为（.input-space） 这时就要把遮挡它的元素的css中的z-index调的比他
动态加载的页面元素，点击事件不触发的解决办法
siguangsong的博客
02-28 2170
首先看一下 jQuery中： $(“元素”).click() 和 $(document).on(‘click’,‘元素’,function(){})的区别 $(“元素”).click(function(){}) 当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。 <body> <ul> <li>1</li> <li>2</li> <li>3
解决jquery绑定点击事件失效问题
小小白的博客
12-26 2958
解决jquery绑定点击事件失效问题
jquery动态添加元素无法触发绑定的事件的解决方案
偶尔一节
08-30 3201
先上我出错的代码: $(document).ready(function(){ 　　　　　　　　//这里是动态添加元素 $(".add").click(function(){ var btn = $("新按钮"); $("body")
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

huxiangen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值