我才刚刚开始真正使用 jquery 和 AJAX,在大多数情况下我似乎已经掌握了它的窍门,但是这一小段代码不起作用。
我有一个显示文章摘要的页面。当您点击文章名称时,会显示一个弹出窗口,文章信息会与右上角的 X 图标一起显示,用于关闭文章窗口。
我正在通过 AJAX 处理表单,效果很好。弹出窗口,显示所有正确的信息。我遇到的问题是关闭按钮功能。
当您点击关闭按钮时,没有任何反应。我拥有的 jquery 似乎没有响应。如果我只使用纯 jquery/css,则会出现窗口并且关闭按钮有效。如果我使用 HTML/PHP 处理表单,它会显示窗口和关闭按钮。
只有当我通过 AJAX 处理调用时,关闭按钮才没有响应,我不知道为什么会这样。
这是关闭按钮的简单 jquery 代码:
$('.newsClose').click(function(){
$('#newsWindow').hide();
});
这是 AJAX 调用:
$(document).ready(function() {
$('#agentNewsForm').submit(function(e) {
e.preventDefault();
$.ajax({
type : 'POST',
data : $('#agentNewsForm').serialize(),
url : '/search/customer/agentNewsView.inc.php',
beforeSend : function() {
$('#processing').show();
},
error : function() {
$('#processing').hide();
$('#ajaxFormError').show();
},
// success callback
success : function (response) {
$('#processing').hide();
$('#newsWindow').html(response).show();
},
complete : function() {
$('#processing').hide();
},
timeout : 3000,
});
return false;
});
});
我确定这是我所缺少的非常简单的东西。有什么想法吗?
最佳答案
$(document.body).on('click', '.newsClose' ,function(){
$('#newsWindow').hide();
});
关于javascript - Jquery 在 AJAX 表单结果显示中没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20689924/