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').hide(function(){
 $(this).css('font-size', '5em');
 $(this).find('h1').css('color','red');
 $(this).show();
})

这必须工作;）

Answer 3

如果你不想立刻显示它，你应该用CSS（而不是JS）隐藏它。然后运行更改功能并显示它。

Answer 4

您是否只是想让div保持可见，同时防止看到更改？您可以通过克隆div，在克隆的div上进行更改，然后用克隆的，更改的div替换原始div来实现。类似的东西：

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