关于jQuery的点击事件无效的问题

最新推荐文章于 2021-03-25 18:49:24 发布
最新推荐文章于 2021-03-25 18:49:24 发布
阅读量223 收藏
点赞数
分类专栏： esayui 文章标签： jquery html javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzq1915414095/article/details/103541928
版权

前两天，在公司做了个后台管理系统老板要求图片要能点击后放大，然而我用的esayui框架和自动生成的图，是直接请求后台接口然后动态生成页面代码的，然后用jQuery的时候点击事件就无效了，只能用这种才有效，必须是document的这种点击事件,具体的原因应该是用典型的jQuery那种绑定事件的时候，我的前端页面的哪些图片的代码还没动态的生成出来，然后jQuery就绑定不了，但是用下面图片这种就没有那种问题
在这里插入图片描述

客 卿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决jquery绑定点击事件失效问题
小小白的博客
12-26 2380
解决jquery绑定点击事件失效问题
jquery模拟点击不起作用解决思路和方案
weixin_55658418的博客
06-26 2590
jquery模拟点击事件 $.click()
jquery点击事件失效原因和解决办法
weixin_30346033的博客
07-17 1436
在使用jQuery绑定点击事件的时候，有时候会遇到点击无效，这种情况大多出现在动态添加元素的时候 例如：给demo里添加li元素给li绑定点击事件 $("#demo").append('<li>点我</li>'); 给li元素绑定点击事件 // 示范一 $("#demo li").click(function(){ alert($(thi...
jQuery 事件方法不触发的解决方法
zinbin的博客
05-16 4202
jQuery 事件方法不触发的解决方法 jQuery 的事件方法诸如 click(),blur(),change() 等方法。 踩坑场景 以前也使用过 jQuery 的事件方法，也觉得非常好用。昨天在一个 SSM 项目中使用 jQuery 的 blur() 方法来给一个元素绑定 onblur 事件。但我测试的时候怎么都不触发，也百度了很多方法，都不见效。终于在一篇问答中找到了一些思路。（参考网址：https://ask.csdn.net/questions/213270?sort=id） 这是我写的测试代码
[jQuery]解决动态生成input无法触发click事件的问题
Balmunc的专栏
01-05 6183
<div class='div_delServer'><input type="button" class="delServer" value="删除服务器"></div> $('.delServer').click(function() { alert("ok"); }); 原因： 异步导致绑定事件失败。 解决方法： 1、使用全局绑定事件 $(docu......
解决jQuery使用append添加的元素事件无效的问题
10-18
总的来说，解决jQuery `append`添加元素的事件无效问题，关键在于使用`on`方法代替`click`等直接的事件绑定，并将事件处理器绑定到一个固定的、已存在的父元素上，以便处理动态生成的子元素的事件。这种方法不仅解决...
关于jquery中动态增加select,事件无效的快速解决方法
10-21
为了解决这个问题，jQuery提供了`live`方法，它允许我们为当前及未来存在的元素绑定事件。`live`方法的核心在于事件委托，即将事件绑定到共享的祖先元素，通常是`document`或更具体的静态父元素，然后利用事件冒泡...
jQuery中$.click()无效问题分析
12-09
我尝试过多次用jQuery模拟用户点击a标签的功能，但都没有成功，并且困扰了很久。前段时间的一次发呆，冒出了新的想法，于是就动手进行了测试。 先看下边的代码： 代码如下:  <html> <head>磨途歌-A...
jquery动态添加元素事件失效问题解决方法
12-09
今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但事件$(“.x .y”).click(function)…失效问题。 刚开始网上找到了用live函数，方法如下： 事件绑定：$(“.x .y”).click(function) 需改为： 代码如下:...
jQuery中$.click()没有触发
彭世瑜的博客
03-06 3453
在控制台调试的时候，直接点击元素是可以触发的，到了页面代码中却没有触发点击事件 $("#btn").click(); 看了别人的两种处理方式： （1）点击的是“A标签”本身 （2）点击的是“A标签”子元素 给a标签添加一个子元素，通过点击子元素触发 let span = document.createElement("span"); $("#btn").append(span); span.cl...
关于jQuery出现的新添加元素点击事件无效（jq动态添加元素后，新元素点击无效果解决办法）
CSDN for recording problems
05-31 5235
$(document).on('click','.delete_params',function (e) { console.log(e) $(this).parent('.add_params_tr').remove(); }) 试了试，必须以上述格式绑定点击事件 $('.delete_params').on('cli...
jquery点击事件无效及解决办法
qq_42666439的博客
04-24 4292
先放完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <s...
jQuery 用click() 失效，不起作用，直接父级使用on事件委托不好使
热门推荐
青菜陪白豆腐的博客
06-16 3万+
本人在jQuery中还是个新人，然后今天写代码测试的时候发现了如题目所说的那种状况，写了一个click() 事件， 但是却没有点击后的效果或现象。之前写的代码如下: $('.search-item').click(function(){ //someting 这里就不写里面具体代码了，反正就是功能效果。 }); 然后我想了下会不会是没有点击事件，然后我在代码中增加了...
jquery点击事件不生效的问题
qq_44747508的博客
12-29 2972
在同时使用vue.js和jquery.js的过程中，发现jquery的点击事件在有些地方不生效没有任何反应，反反复复看代码并没有什么异常也没有报错，后来发现是父级div使用了v-if='state'，加载页面时state为false，后来点击切换为true 后来把父级div的v-if显示隐藏使用jquery来操作，点击事件可以生效 $('#state').show(); //显示 $("#state").hide(); //隐藏 ...
JQuery 的click失效，无法触发
乐特的博客
03-25 4268
前不久用js写评论的时候遇到的问题，当时就觉得很奇怪，自己写的代码没有报错，编译正常 浏览器控制台调试，点击了Click也不反应，上网查询了很久也不见得有人提起过(可能是我不会搜索吧)，多次搜索引擎查阅后无果，我只好求助同校学前端的朋友 正文 问题 <button>点击追加div标签</button> <div id="zhuijia"></div> // 点击button后再zhuijia里面追加标签 $('button').click(function
jquery 动态增加的html元素，初始化设置在id或class上的事件无效
最新发布
05-17
这种情况可能是因为动态增加的元素没有绑定事件。要解决这个问题，可以使用事件委托来绑定事件。 事件委托是将事件处理程序绑定到父元素上，然后利用冒泡原理将事件处理程序绑定到子元素上。这样，即使动态增加了元素，也能触发事件处理程序。 例如，如果你想在一个列表中动态增加一个 li 元素，并且想要为这个元素绑定一个点击事件，可以这样写： ```javascript // 绑定事件委托 $('ul').on('click', 'li', function() { // 处理点击事件 }); // 动态增加 li 元素 $('ul').append('<li>新元素</li>'); ``` 这样，当你点击新增的 li 元素时，事件处理程序就会被触发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值