php - JQuery Ajax 仅在第一次请求时加载微调器

Question

我有以下 JQuery:

    $(document).ready(function() {

        $(document).ajaxStart(function(){
            $("#spinner").css("display", "block");
        });
        $(document).ajaxComplete(function(){
            $("#spinner").css("display", "none");
        });

        $("#go").click(function() {
            $("#messager").html('<img src="spinner.gif" id="spinner">');
            $.post("send.php", {
                first:  first,
                second:  second
            }, function(result) {
                $("#messager").html(result);                
            });
        });

    });

这是 HTML:

<div id="messager"><img src="spinner.gif" id="spinner"></div>

这是来 self 的 send.php 的响应:

echo "something";

如果用户第一次点击 #go，一切正常。首先显示微调器，然后显示“某物”。

但是，如果用户第二次点击 #go，则不会显示微调器。

如果用户点击 #go 而没有重新加载网站，我必须如何更改每次显示微调器的代码!

Answer 1

$("#messager").html(result);

您正在用您的结果替换 messager 的全部内容。微调器是消息传递器的子项。因此，它不再存在。