Вещи все еще загружаются после завершения загрузки окна

Question

надеюсь, кто-то может помочь мне здесь. Я возвращаю список элементов кендо, каждый из которых имеет (к сожалению, довольно большое) изображение, полученное из веб-службы.

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

Я использую окно загрузки, и jquery очень прост.

$(window).on('load', function () {
    // When the page has loaded
    $("#loading").fadeOut(0);
    $("#search-results-page").fadeIn(600);
});

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

Это выглядит плохо, потому что спиннер исчезает, тогда пользователь должен ждать немного больше контента. Предполагая, что это потому, что просмотр списка кендо загружается после того, как закончилось абсолютно все остальное на странице ... включая загрузку окна?

Любые советы или возможные решения приветствуются!

Приветствия

Answer 1

Выполните fadeOut и fadeIn в вашем обработчике событий списка dataBound.

$("#listview").kendoListView({
  … ,
  dataBound: function() {
    $("#loading").fadeOut(0);
    $("#search-results-page").fadeIn(600);
  },
  … ,
});

Можете ли вы показать больше своего кода?Если у вас есть другие компоненты, вы должны изучить jQuery.when()