记录一下:ajax自动生成元素给click点击事件无效

最新推荐文章于 2023-05-11 15:56:02 发布
最新推荐文章于 2023-05-11 15:56:02 发布
阅读量304 收藏 1
点赞数
分类专栏： 高級JavaScript 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jy123_/article/details/115089769
版权

click事件无效

ajax自动生成元素后在ajax函数外部给生成的HTML元素一个点击事件,没有作用.
可以在ajax函数内部写click事件(缺点:不够优美和不好封装)
可以使用jquery事件delegate()
delegate

a链接下载文件

在这里插入图片描述

xml和HTML不同

xml是严格模式
不同:xml单标签必须带/比如<br/> img必须带src alt 比如<img src="..." alt="..." />
不能大写HTML元素比如<div></div>等等
而HTML都可以大小写标签,可以不带/等等
(建议:最好养成用严格模式的书写方式)

语义化标签

<b>和<strong><i>和<em>,尽量使用<strong><em>

触不可及的Allen
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在layui中layer弹出层点击事件无效的解决方法
10-16
总的来说，当在layui的layer弹出层中遇到点击事件无效的问题时，应检查事件绑定的方法是否适用于动态生成的元素。采用`on`方法并结合动态元素的选择器，可以有效地解决这个问题，确保事件能够正确响应。同时，优化...
Ajax异步获取html数据中包含js方法无效的解决方法
12-10
然而，由于JavaScript代码在Ajax请求完成之前就已经执行，因此`.morechange`的点击事件没有被正确地绑定到新创建的DOM元素上。所以，当尝试点击`<a>`标签时，预期的弹窗并未出现。 解决这个问题的一种常见方法是...
AJAX加载了HTML但是HTML里面的CLICK事件无效
笨鸟肥西的博客
02-15 428
链接：https://www.zhihu.com/question/23895785/answer/26573034 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 事件委托，ajax载入新dom之前js就加载完了，事件当然没有绑定到新载入的dom上。 举个例子，如果ajax载入了一个 span class="load">/span> 这个时候如果
【踩错】解决ajax异步更新后控件的click事件失效的方法
shellhard的博客
01-24 659
2019-11-14 昨天做了一个在线投票网站，是为研究生院“良师益友”活动准备的。 在其中遇到一个问题，用 ajax 异步更新了导师列表，列表中有“投票”按钮，在异步更新完成之后，再次点击“投票”按钮则一点动静没有。调试之后发现连按钮的 jQuery 的 click 事件都不能触发了。造成了很大的困扰。按照自己的理解代码没有问题，可是效果就是不对，那就是理解有问题了。 查阅资料后果然是自己对机制的不了解导致的这个问题。 原来的代码写的是： $(".vote_bt").click( function ()
ajax导致控件事件无效,解决ajax异步更新后控件的click事件失效的方法（jekyll迁移）...
weixin_33520805的博客
08-06 372
layout: posttitle: 解决ajax异步更新后控件的click事件失效的方法date: 2019-11-14author: xiepl1997tags: 随笔昨天做了一个在线投票网站，是为研究生院“良师益友”活动准备的。在其中遇到一个问题，用 ajax 异步更新了导师列表，列表中有“投票”按钮，在异步更新完成之后，再次点击“投票”按钮则一点动静没有。调试之后发现连按钮的 jQuery...
解决由脚本(JS/Ajax)创建的新元素的js事件失效问题
a1713347676的博客
03-30 1283
项目场景： 使用 js 创建新的元素，如果继续使用原本的 js 方法（ $(…).event(function(){ … }) ），则会导致事件失效 问题描述 使用 js 创建新的元素，如果继续使用原本的 js 方法（ $(…).event(function(){ … }) ），则会导致事件失效 $("...").click(function () {...}) //点击事件 失效 原因分析： HTML javascript都是页面首次加载生成的，而通过点击事件动态追加的HTML代码可能不受影响。需要
给动态ajax添加的元素添加click事件
weixin_33725807的博客
12-05 464
$(document).on('click','div',function(){alert(1)}); .live()方法也是可以的 转载于:https://www.cnblogs.com/Basu/p/7985113.html
JQuery Ajax 异步操作之动态添加节点功能
10-19
因此，`.remove`类的点击事件绑定可能无效，因为此时DOM中尚未存在这个元素。 为了解决这个问题，我们需要确保事件绑定发生在新元素实际被添加到DOM之后。有几种方法可以实现这一点： 1. **立即调用事件绑定**：在...
JS中append字符串包含onclick无效传递参数失败的解决方案
10-20
然而，当尝试将`onclick`事件与动态生成的参数一起使用时，可能会遇到一些问题。本文将深入探讨这种问题的原因，并提供有效的解决方案。 问题描述： 在给定的代码片段中，`onclick`事件被用于一个`<i>`标签，该标签...
ajax验证学号是否在数据库中存在及日期控件
04-02
当用户点击日期输入框时，这段代码会生成一个日期选择的日历界面。用户选择日期后，日历控件将关闭，所选日期会填入到输入框中。 总的来说，这篇文章和提供的`calendar.js`文件展示了如何结合使用Ajax和自定义日期...
ajax动态加载的数据的click事件不执行的问题
xiang6963的专栏
06-23 537
如ajax 加载了<divclass="div">div</div> 然后$('.div').click(function(){.....});click操作无效 但是如果加载<div onclick=dofun("prameter")>div</div> dofun 就可以被onclick触发。 例如： $(".div").click(function () { console.log("hello"); }); 解决 ...
ajax click
title
12-04 417
$(".submit").click(function(){ var datatime=$("#datatime").val(); $.ajax({ type:"POST", url: "http://www.demo.com/demo.php", data: "datatime="+datatime, d...
使用ajax动态加载html元素时，onclick事件失效
书写人生
12-26 2396
原因：ajax动态加载之前js就加载完了，事件没有绑定到动态生成的dom元素上。 问题：使用on事件，$('#btn').click(function(){}绑定无效 解决方案：使用on绑定事件。 $(document).on('click','input[name=LogFloorId]',function(){ $('#FloorLogFloorIdName')
ajax动态append新的元素<tr></tr>，添加click事件，如添加点击样式
qq_40159861的博客
04-19 4035
  因为append添加的元素在页面加载完成之后，所以并不能直接通过id绑定$(#todyTr).click()事件，查询资料，说可以通过$(#todyTr).on('click',function(){.....})方法，发现还是无效；原来，现在主要用on，使用on的时候也要注意，on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，绑定其父元素，将tr的id放在on的第...
加入AJAX之后点击事件无法响应了，原来是自己粗心导致的。
王大明XS的博客
03-08 1687
今天在写代码的时候写了一个点击事件，然后在点击事件中来一个ajax，忽然发现原本可以使用的点击事件却无法使用了，比如原本可以alert()弹出窗口的，加入ajax之后却没有响应，没法用了，而且没有报错，cosole也没用。 后来在百度中找，也试了很多的方法，比如换另一种写点击事件的方法，ajax的写法也换了，但是都没有效果，于是让大神帮找，索性最后给找出来了，原...
用ajax动态创建标签 导致创建的标签无法使用 解决方法
iteye_20937的博客
03-17 253
我用ajax的json方式异步传值，动态写标签，但是会让JS无法运行，网上查到的方法都很麻烦，后来找到一种，但是在IE6下得点击2次才能运行JS 最后看到一位网友使非常简单的JS搞定的 function runJs(path,type){     var s,i;     if(type=="js"){     var ss=document.getElementsByTagName(...
ajax异步请求点击了按钮后一点反应都没有 错误原因（我又傻逼了）
innb00r的博客
06-20 1395
问题： 如题，在学习ajax异步请求时，点击了按钮之后页面没有任何反应（实在是太巧了，我刚好两个地方都没反应，让我怀疑这怀疑那的，结果只是拼写错误） 错误部分代码： xmlHttp.onreadystatechange = function(){ if(xmlHttp.State==4){//这里 从书上抄都抄错了，明明是readyState resultDiv.innerHTML = xmlHttp.responseText; //resultDiv.innerHTML =
给ajax拼接的元素添加一个单击事件，并传入当前元素
sdhkwjlxxx的博客
11-24 700
给ajax拼接的元素添加一个单击事件，并传入当前元素
ajax请求，数据循环处理以及动态append点击事件，循环内嵌点击
qq_41078128的博客
05-11 346
【代码】ajax请求，数据循环处理以及动态append点击事件，循环内嵌点击。
ajax点击事件click
最新发布
08-15
点击事件（click event）则是AJAX技术中最常见的触发器之一。 当使用AJAX进行操作时，通常会在HTML元素上绑定`click`事件监听器。这个事件监听器会在用户单击该元素时被调用，然后执行预先定义好的JavaScript代码。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值