Мастер JQuery-Steps показывает только Step1 при загрузке страницы

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

Есть ли способ отображать только шаг 1 мастера при загрузке страницы без краткого отображения всех остальных скрытых шагов мастера?

Благодарю вас!


person sfuptown    schedule 12.09.2014    source источник
comment
Покажите код или демо, пожалуйста. Поскольку этого не происходит на примерах страниц (jquery-steps.com/Examples#basic -form), нам нужно что-то еще, чтобы продолжить.   -  person isherwood    schedule 12.09.2014
comment
можете ли вы стилизовать их с помощью css display:none и изменить первый после загрузки страницы?   -  person Gary Storey    schedule 12.09.2014
comment
Образцы демонстрировали ту же проблему с загрузкой, пока они не были перемещены в скрытые элементы div. Обратите внимание, что страница примеров скрывает все мастера до тех пор, пока не будет нажата кнопка.   -  person sfuptown    schedule 13.09.2014
comment
Гэри, я попробовал твое предложение. Проблема в том, что первый не отображается даже после вызова метода jquery .show(). Однако, если я перейду к следующему шагу, а затем нажму «Предыдущий», он отобразится. Я не могу понять, почему он не отображается при начальной загрузке страницы.   -  person sfuptown    schedule 13.09.2014


Ответы (1)


Чтобы скрыть какой-либо конкретный шаг, я использую этот код:

$("#mySteps a[href='#mySteps-h-1']").hide();

Просто замените цифру «1» на индекс любых (или всех) шагов, которые вы хотите скрыть. Чтобы показать шаг, просто сделайте аналогичный вызов:

$("#mySteps a[href='#mySteps-h-1']").show();
person JustADork    schedule 28.02.2015