事件click在ajax响应后不起作用
问题描述：事件click在ajax响应后不起作用。
解答：
这个问题通常是由于事件绑定的时机不正确或者事件被覆盖导致的。下面我会详细解释可能的原因和解决方法。
- 事件绑定时机不正确：如果你在页面加载完成之前就绑定了click事件，而ajax请求是在页面加载完成之后才发起的，那么事件绑定就会失效。解决方法是将事件绑定放在ajax请求完成之后执行的回调函数中，确保事件绑定在ajax请求之后进行。
- 事件被覆盖：如果在ajax请求完成之后，动态地改变了DOM结构或者重新绑定了事件，那么之前绑定的click事件可能会被覆盖，导致失效。解决方法是使用事件委托，将事件绑定在父元素上，确保事件不会被覆盖。例如，如果你的click事件是绑定在某个按钮上的，那么可以将事件绑定在该按钮的父元素上，通过事件冒泡来触发。
- 其他可能的原因：还有一些其他可能的原因导致click事件不起作用，比如事件被禁用、事件被阻止冒泡、事件被阻止默认行为等。你可以通过检查浏览器的开发者工具来查看是否有相关的错误信息，或者在事件处理函数中添加调试语句来排查问题。
总结起来，解决click事件在ajax响应后不起作用的方法包括：确保事件绑定时机正确、使用事件委托来避免事件被覆盖、检查其他可能的原因导致事件失效。希望以上解答对你有帮助。
相关链接：
- 腾讯云产品：腾讯云云服务器（CVM）
- 腾讯云产品：腾讯云云函数（SCF）
相关·内容
4回答
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=cdb&utm_campaign=firstpurchase&utm_term=0110
浏览器信息
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 488提问于2018-03-12
主体上的HTML可以工作，但是来自PHP的HTML根本没有响应，为什么？我该怎么解决这个问题？
下面是我如何生成HTML的方法。
<?php
echo '<div id="TestClick">Click me</div>'
?>
和JavaScript。
$('#TestClick').click(function(e){
alert ('working')
});
但效果很好。
<body>
<div id="TestClick">Click
浏览 3提问于2013-11-27得票数 1
回答已采纳
我有一个javascript链接，我将其用作弹出窗口上的按钮：
<a href="#" class="submit-action close-modal">Submit</a>
"submit-action“类有一个jQuery .click()绑定，该绑定在嵌入到模态中的表单上执行.submit()。“关闭模式”类有一个关闭模式的.click()绑定。
$(".submit-action").click(function() ($("#someForm").attr("action"
浏览 2提问于2012-08-14得票数 0
回答已采纳
1回答
我遇到了一个最奇怪的问题，我找不到其他的SO线程来解决这个问题。
我根据组的成员呈现了一个包含许多行的表。当我切换组的成员时，我使用.remove()去除表中的行，并调用ajax和相关的回调函数来重新呈现行，而无需重新加载页面。这些行被删除得很好，但它们返回时会正确地添加新的行。我尝试了Jquery和普通javascript的几乎所有变体，包括.deleteRow()，但似乎没有什么能永远摆脱它们。所有这些都会产生相同的行为。相关匿名化代码如下：
脚本：
//get information and create dropdown
ApiRequest.call("GET"
浏览 0提问于2016-01-16得票数 0
3回答
对jQuery来说是个新手，但对它非常着迷，而且非常喜欢它。不过，这个问题开始让我厌烦了。会很感激你的帮助。花了最后一周的时间来制造正面或反面。如果这个问题以前发布过，我很抱歉。
我有一份产品清单。每种产品都封装在一个<div>中。在每个div内部，有一个浮动的<span>来获取产品信息，还有一个<a>来传递产品的适当URL。此列表是使用ASP.NET以编程方式生成的。
<div id="prod1">
<span id="infoProd1" class="prodInfo" />
浏览 3提问于2009-04-03得票数 2
回答已采纳
我使用jQuery选项卡式界面使用ajax在我的Facebook应用程序的视图之间切换。我有两个选项卡- tab1和tab2，这两个选项卡上都有表单的按钮。
问题是，当我转到tab1并单击按钮时，它们不起作用。如果我随后转到tab2，该页面上的按钮将正常工作。如果我随后返回到tab1，按钮在那里是有效的。同样的事情也发生在相反的情况:如果我先转到tab2并单击按钮，它们不起作用，但如果我转到tab1，它们就起作用了。回到tab2，按钮现在可以工作了。
有人知道为什么会发生这种情况吗？
编辑:下面是页面代码的精简版本。事件处理程序当前位于标头中。我已经试过把它们放在身体的底部了。
<
浏览 0提问于2012-08-31得票数 1
回答已采纳
这是一个奇怪的问题..
基本上，我有一个三阶段的表单，它自动保存它的状态。
当您单击第一个submit按钮时，它将通过ajax加载第二个阶段。
如果刷新页面，它将使用会话数据重新加载第二阶段(但不是通过ajax)。
在表单的第二阶段是一个按钮..当用户单击它时，我想调用一些jquery并发出警报。
我的代码如下：
$(document).on("click","#submity",function(event){
event.preventDefault();
alert('lol');
});
这包括在初始页面加载时加载的外
浏览 7提问于2013-02-26得票数 0
3回答
我有一个使用live()绑定的函数：
$('.wink-back').live( "click", function( event ) {
var uid = $(this).attr("rel");
$(this).die( "click" ).addClass("disabled");
$.ajax({
type : "POST",
cache : false,
data : "data[Wink]
浏览 0提问于2011-05-28得票数 2
回答已采纳
2回答
我使用一个搜索按钮，在服务器端创建一个表单动态，并使用Jquery语法返回它。在我填充表单并单击submit按钮之后，还有另一个.submit() Jquery函数，它应该在数据发送到服务器之前被调用来验证输入。但是，由于某种原因，这个函数永远不会被调用，数据就是请求被发送。详情如下：
这是serach按钮在服务器端动态创建的表单，并使用Jquery“打印”到html页面：
<form action=... name="stockbuyform" class="stockbuyform" method="post">
<inpu
浏览 3提问于2010-05-15得票数 2
我正在使用一个无法编辑的外部JavaScript插件，它通过单击缩略图列表来工作。
出于样式的目的，我必须将图像包装在<a>中，并使用：
if(img.parent("a").length == 0){
img.wrap('<a />');
}
有没有一种方法，我可以为我插入的<a>添加一个点击，然后让这个JavaScript插件调用点击图像的动作。
我已经尝试过了，虽然不起作用，并给出了错误：Too much recursion
$("#thumbs a").live("click",
浏览 1提问于2011-09-14得票数 2
回答已采纳
我已经建立了一个网站，它有折叠部分，每当有人点击该页面的标题部分时，该部分就会展开，点击处理程序被放置在
$('.section h2').click
但是，当用户以admin身份登录时，有'EDIT‘链接应用于标题，所以我只希望在单击的区域不是"a.edit-link“的情况下该部分才会展开。
我试过像$('.section h2:not(a.edit-link)').click这样的东西。或者$('.section h2').not('a.edit-link').click，但是这些选项对我都不起作用..
我是
浏览 2提问于2010-07-30得票数 0
回答已采纳
7回答
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，还是离不开厚重的后台开发。 现在的小程序，在后台服务方面，正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF，使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序？
浏览 3770提问于2018-09-28
我通常使用表单绑定单击处理程序，
$(document).on('click', 'element', function() { ... });
以避免以后加载元素时出现问题。这在桌面浏览器(以及Chrome模拟iPhone)上正常工作，但在实际的iPhone上却不起作用(我尝试了，比如'cursor: pointer;')。
我注意到另一个按钮正在工作，使用标准的单击处理程序。我把我的新按钮换成了
$('element').click(function() { ... });
开始起作用了。为什么这两种方法在iOS上应用不同的单
浏览 6提问于2016-09-02得票数 10
回答已采纳
由于我做了更改：，当我单击这三个链接中的一个时，以下代码不再提供平滑的淡入/淡出动画:为什么？
function OnBeginStuff() {
$("#StuffPanel").fadeTo("slow", 0.50);
}
function OnCompleteStuff() {
$("#StuffPanel").fadeTo("slow", 1.00);
}
$(document).ready(
浏览 2提问于2012-05-01得票数 1
回答已采纳
我见过一些这样的问题，但据我所知，我做的一切都是正确的，我有点困惑，为什么这是行不通的。
这里是我的ajax调用，它位于click函数中。#result_area是表的正文，正如您所看到的，我正在替换内容。内容加载良好，但我失去了表排序功能。奇怪的是，我确信这曾经起过作用，所以我对什么改变感到有点困惑。我已经签入了firebug，并且确切地调用了触发器更新。
更新
当$("#result_table").trigger("update")；被调用时，我得到以下错误：
Error: TypeError: parsers[i] is undefined
Source
浏览 1提问于2012-12-19得票数 3
回答已采纳
想要使用腾讯云的CVM服务器并把原主机数据迁移至CVM。请问使用冷迁移是如何操作，相比起其他迁移方式呢？
浏览 2561提问于2018-09-05
3回答
用户有时在$('body')上绑定事件，有时在$(document)上绑定事件
$(document).on('click', someAction);
$('body').on('click', someAction);
有什么理由让你更喜欢其中的一个吗？
浏览 0提问于2012-12-04得票数 16
我有两个选择框，每一个都在span元素中，具有特定的id。第一个选择框是国家，另一个是城市列表。当我选择一个国家时，城市选择框容器跨度的innerHtml被替换为ajax函数的响应，一切正常。但是我想使用选择框的onchange属性来触发一个函数，如果在页面加载开始时addeventListener函数运行良好，但在替换跨度的innerHtml之后它不起作用，并且替换后城市选择框的id在替换之前是相同的es。我只是在用。
document.getElementById('to_city').addEventListener('change',doSomethin
浏览 0提问于2012-07-11得票数 1
回答已采纳
我有一个ajax请求，它会在单击链接下载文件时触发。调用一个服务器端页面，用访问者下载的客户ID和文件名更新数据库。使用Jquery 1.5.1。下面是html链接：
<a href="/downloads/whatever.zip" class="software">click here to download</a>
ajax请求的编写如下所示，其中包含一个函数，用于在ajax请求中出现错误时发出通知：
$(document).ready(function() {
//function to alert an error mess
浏览 0提问于2012-06-06得票数 1
回答已采纳
我正在为两个不同的事件绑定不同的加载消息。
下面是我用来在AJAX调用之前绑定行为的函数。我在每个匹配的Ajax提交之前调用每个函数，以便为每个函数显示正确的加载消息：
function BindPersonalityLoader()
{
// Bind the loader to personality
$('document').bind("ajaxStart", function() {
// Show the loader
$('img#personality_loader').show(
浏览 1提问于2012-09-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
