Показать анимацию загрузки в div

Question

Как я могу вставить div в другой div, используя jquery? Я пытаюсь заменить содержимое моего div загрузочным div до тех пор, пока не вернется вызов ajax.

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

У меня есть общий АЯКС запрашивающего, который принимает DIV ID и URL запроса, который заполнит содержимое Div, когда запрос завершен -

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

В идеале, я просто хочу, чтобы заполнить содержимое responseContainer, когда я ввожу свой вызов функции, чтобы показать анимацию загрузки в div и заменить ее содержимым ответа при завершении ajax.

Я попытался добавить $(responseContainer).html($("#loadingDiv").show()); (+ некоторые варианты), а также попробовал appendChild, чтобы предшествовать GetAjaxCall выше, но никто из них не работал. Я пытаюсь создать макет страницы стиля панели управления, данные заполняются в каждом div независимо друг от друга и по-прежнему показывают одну и ту же загружающую анимацию. Думаю ли я об этом правильно?

Answer 1

Следующие должны сделать это:

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

Если вы хотите сделать это с помощью .html, то убедитесь, что вы

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