JQuery / Javascript ждать завершения функции

Question

У меня есть скрипт, который выполняет манипуляции с DOM, чтобы изменить внешний вид div. Способ, которым приложение, когда страница загружается, div отображается в исходном состоянии, функция управляет DIV. Проблема в том, что он отображает исходный div перед отображением измененного div.

Я пытался:

//Make div invisible

//Call function to change the DIV

//Make div visible

Это не работает

Answer 1

Вы используете атрибут видимости?

<div id="divy" style="display:none;">Wee</div>

или установить стиль в файле .css

$(document).ready(function(){
   $("#divy").css("color", "#424242");
   $("#divy").show();
});

Answer 2

Вы просто пытаетесь держать div видимым, не давая увидеть изменения? Вы могли бы, вероятно, сделать это, клонировав div, внеся изменения в клонированный div, а затем заменив оригинальный div на клонированный измененный div. Что-то вроде:

var changed_cloned_div = make_changes( $('#original_div').clone() );
$('#original_div').replaceWith( changed_cloned_div );

Answer 3

Если вы не хотите, чтобы это показывалось сразу, вам следует просто скрыть это с помощью CSS (а не JS). Затем вы запускаете функцию изменения и отображаете ее.

Answer 4

$('div').hide(function(){
 $(this).css('font-size', '5em');
 $(this).find('h1').css('color','red');
 $(this).show();
})

Это ДОЛЖНО работать;)