Вопрос

Я хочу показать свой логотип и меню веб -страницы, прежде чем добавить диаграмму, которая требует времени для загрузки.

Я использовал 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);">
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top