在ajax上隐藏单击的输入
在ajax上隐藏单击的输入
提问于 2013-03-11 23:27:16
我有一个由第三部分模块添加的按钮。当点击这个按钮时，第三个模块发送一个ajax请求(我不能改变第三方代码)。如何在ajaxStart上隐藏此按钮并在ajaxStop上显示它
我试过了：
$('#buttonId').click(function() {
$(this).ajaxStart(function() { $(this).hide(); }).ajaxStop(function() { $(this).show(); });
});但是它不能正常工作。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-03-12 20:28:45
我找到了简单的解决方案，谢谢你的帮助：
var tmp = false;
$('.button').click(function() {
$(this).hide();
tmp = $(this);
});
$(document).ajaxStop(function() {
if (tmp) {
tmp.show();
tmp = false;
}
});Stack Overflow用户
发布于 2013-03-11 23:34:56
请参阅小提琴：http://jsfiddle.net/4YJyk/2/
$('#buttonId').click(function() {
$(this).ajaxStart(function() { $("#buttonId").hide(); }).ajaxStop(function() { $("#buttonId").show(); });
});编辑过的
Stack Overflow用户
发布于 2013-03-12 00:00:04
问题是匿名函数在函数this中的用法与函数相关，而不是单击事件，因此您可以使用此方法，
$('#buttonId').click(function() {
var button = $(this);
button.ajaxStart(function() { button.hide(); }).ajaxStop(function() { button.show(); });
});编辑:在你的评论之后，我检查了ajaxStart，我以为它是你的某个插件，但它是一个全局事件，所以你不能把那个家伙附加到一个按钮上，你只能把它附加到文档上，当一个AJAX请求开始或结束时，会触发相关的事件。请看这里。http://api.jquery.com/ajaxStart/当你将这个事件附加到一个对象上时，你可以用这个来访问它，但是它永远不会触发事件。所以你可以做这样的事情。
$(document).ajaxStart(function() {
$( "#buttonId" ).hide();
});
$(document).ajaxStop(function() {
$( "#buttonId" ).show();
});要触发此事件，您必须发出如下AJAX请求；
$( "#buttonId" ).click(function () { $("#divId").load("DivContent.aspx") });希望能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15342389
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号