Question

如何使用jquery将div插入另一个div？我正在尝试用加载div替换div的内容，直到ajax调用返回。

<div id="content1>foo</div>
<div id="content2>bar</div>
<div id="loadingDiv" class="loading-indicator"></div>

我有一个共同的ajax请求者，它接受一个div id并请求url，它在请求完成时填充div内容 -

        MyCommon.GetAjaxCall(fetchUrl, data)
        .done(function (responseData) {
            // On success, put content
            $(responseContainer).html(responseData.View);
        })

理想情况下，当我输入函数调用以在div中显示加载动画时，我只想填充responseContainer的内容，并在ajax完成时将其替换为响应内容。

我尝试添加$(responseContainer).html($("#loadingDiv").show());（+一些变体）并尝试将appendChild放在上面的GetAjaxCall之前，但这些都没有奏效。我正在尝试使用仪表板样式的页面布局，其中每个div中的数据彼此独立地填充，并且仍然显示相同的加载动画。我是否正确地思考这个问题？

Answer 1

以下应该这样做：

   $('#content1').append($('#loadingDiv'));

如果你想通过.html来做，那么请确保你做

 $('#content1').html($('#loadingDiv').html())

在div中显示加载动画

1 个答案: