我有一个充满div的页面,JSGraphIt.initPageObjects()在div之间绘制连接器。 div和连接器信息是从db填充的。我想在填充div并绘制连接器时向页面添加一个加载动画,所以我添加了加载器div和$(“。loader”)。fadeOut(“slow”);到窗口加载功能。
然而,在加载动画显示之前有一个很长的延迟 - 大概一两秒钟 - 这会破坏动画的目的。
我注意到如果删除JSGraphIt函数,动画会立即启动,但我无法删除该函数。我也试过将动画移动到文档就绪函数,但是根本没有显示加载动画。
提前感谢您的帮助。
<script type="text/javascript">
function onLoad()
{
JSGraphIt.initPageObjects();
}
$(window).load(function() {
$("#closeprint").hide();
// Set Canvas Size
var height = $(window).height();
var width = $( window ).width();
canvasHeight = height - 285;
$("#container").css({"height" : canvasHeight});
$("#header").css({"min-width" : width});
$("#container").css({"min-width" : width});
$("#legend").css({"min-width" : width});
$("#footer").css({"min-width" : width});
$(".loader").fadeOut("slow");
});
$(function() {
Some other functions
});
</script>