问题描述
|
我希望先显示我的网页徽标和菜单,然后再添加需要花费一段时间才能加载的图表。
我使用了
onload
事件来调用图表(使用了Highcharts),不幸的是,浏览器似乎要等到图表准备好加载后才显示任何内容。
HTML:
<body onload=\"chart();\">
<div id=\"content\"></div>
</body>
Javascript:
var chart = \"<div id=\'chart\'></div>\";
function chart() {
$(\"#content\").html(chart);
displayChart ();
}
如何设法先显示徽标和菜单,然后显示Highcharts?
解决方法
您正在使用jQuery。开始编写简洁的JavaScript。
的HTML
<body>
<div id=\"content\">
<div id=\"chart\"></div>
</div>
</body>
的JavaScript
$(function () // on document ready,{
showLogoAndMenu();
displayChart();
// hideLogoAndMenu(); ?
});
, <body onload=\"setTimeout(chart,100);\">