javascript - Jquery 在 AJAX 表单结果显示中没有响应

Question

我才刚刚开始真正使用 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;
    });

}); 

我确定这是我所缺少的非常简单的东西。有什么想法吗？

Answer 1

$(document.body).on('click', '.newsClose' ,function(){
        $('#newsWindow').hide();
});

看到这个: Jquery event handler not working on dynamic content