jQuery加载，可以在源代码中看到div但没有显示

Question

如果 ajax 请求失败到 div，我将使用 jQuery 的加载函数来加载错误消息。我可以在源代码中看到带有加载内容的 div，但它没有显示在页面上。知道发生了什么吗？

$(function() {
    $(".submit").click(function() {

    var element = $(this);

    var id = element.attr('id');

    var note = $('#note-' + id).val();

    $('#message').show();

        $.ajax({
            type: "POST",
            url: "/index.php/notes/new_note",
            data: "id=" + id + "& note=" + note,
            success: function() {
                $('#notes-' + id).load('/index.php/ads #notes-' + id)
                $('#note-' + id).val('')
            }
        });
        $('#message').load('/index.php/ads #message')
        return false;
    });
});

Answer 1

您可能应该将消息加载放入 AJAX 调用的错误处理程序中，或者从 AJAX 调用返回的数据中检索它，而不是在进行 AJAX 调用后执行它。这是因为 AJAX 调用是异步的，您可能会在 AJAX 调用完成之前加载消息。您所做的事情完全取决于您的服务器端代码。我会探索让服务器端简单地生成整个容器、错误和所有内容的选项，然后简单地将内容替换为调用返回的值，而不是在原始调用后重新调用一些 AJAX 来获取更新的 HTML已完成。

$.ajax({ 
    type: "POST", 
    url: "/index.php/notes/new_note", 
    data: "id=" + id + "& note=" + note, 
    success: function(html) { 
                 $('#note-container').html(html);
             } 
});