Nano Hash - криптовалюты, майнинг, программирование

Как показать загрузку, пока весь мастер не загрузится в плагине jQuery-steps?

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

Есть предположения?

Редактировать :

Вот мой код, который генерирует форму мастера

$(function () {
    $("#wizard").steps({
        headerTag: "h2",
        bodyTag: "form",
        saveState: true,
        transitionEffect: "slideLeft",
        onStepChanging: function stepChange(event, currentIndex, newIndex) {
            if (currentIndex > newIndex) {
                for(i=currentIndex;i>0;i--){
                    $("#sec"+i+"override").val(true);
                }
                return true;
            }

            e=event;
            ci=currentIndex;
            ni=newIndex;
            var form = $('#wizard-p-'+currentIndex);
            form.validate().settings.ignore = ":disabled,:hidden:not('.hiddenField')";
            var res = form.valid();
            if(res) {
                var ress = form.submit();
                if(check) {
                    return true ;   
                } else {
                    popup();  
                }
            }
        },
        onFinishing: function(event, currentIndex) {
            ci=currentIndex;
            var form = $('#wizard-p-'+currentIndex);
            form.validate().settings.ignore = ":disabled,:hidden:not('.hiddenField')";
            var res = form.valid();
            if(res) {
                var ress = form.submit();
                if(check) {
                    return true;    
                } else {
                    popup();
                }
            }
        },
        onFinished: function(event, currentIndex) {
            <%
            UserDTO user = UserUtils.getLoggedInUser();
            if(user!=null){
                if(user.getIsAdmin()){
                    %>    
                        window.location = "<%=application.getContextPath()%>/projects"; 
                    <%     
                } else {
                    %>            
                    window.location = "<%=application.getContextPath()%>/home";
                    <%    
                }
            }
            %>
            $.cookie('jQu3ry_5teps_St@te_' + $( this ).data( "uid" ), '' );
        }
    });
});

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


  • Почему бы вам не предоставить код, который у вас есть, может быть, создать скрипту и хотя бы показать нам, что вы пробовали справиться с этой задачей самостоятельно. 09.03.2016
  • Добавил свой код. Пожалуйста, взгляните на это. 14.03.2016
  • Я не могу найти, какая часть кода вызывает загрузку формы с опозданием. Один совет, который я могу вам дать, - определить код, который вызывает задержку загрузки формы. возьмите изображение на экране, покажите это изображение до загрузки формы и скройте его после завершения выполнения кода. 14.03.2016
  • Да, я знаю, что это можно сделать. Но плагин jquery-steps уже предоставляет эту функциональность. Я просто не знаю, как его включить. Должно быть какое-то свойство, которое должно быть установлено для этого. 14.03.2016
  • Взгляните на этот пример (пример загрузки асинхронного контента). - jquery-steps.com/Examples 14.03.2016

Ответы:


1

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

<div id="loadingIcon">
    <img src="images/loading.gif"/>
</div>
<div id="wizard" style="display: none;">
    <%-- FORM HERE --%>
</div>

А затем в вашей функции загрузки скройте значок загрузки и отобразите форму.

$(function () {
    $("#wizard").steps({
        // Steps
    });
    $('#loadingIcon').hide();
    $('#wizard').show();
});
14.03.2016
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

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

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..