Плагин jQuery Form Wizard, управляемый с помощью хлебных крошек?

Я использую плагин jQuery Form Wizard для создания многоэтапной формы. Над моей формой я включаю навигационную цепочку, которая будет ссылаться на каждый этап формы следующим образом:

                <div id="secondaryNav" class="clearfix">
                    <ol class="breadcrumb">
                        <li id="step1"><a href="#"><span>Step 1</span></a></li>
                        <li id="step2"><a href="#"><span>Step 2</span></a></li>
                        <li id="step3"><a href="#"><span>Step 3</span></a></li>
                        <li id="step4"><a href="#"><span>Step 4</span></a></li>
                    </ol>
                </div>

Как я могу сделать так, чтобы ссылки навигации переходили к каждому разделу формы, а также каждый раз добавляли «активный» класс к правильному элементу списка?


forms html jquery jquery-forms-plugin
person tctc91    schedule 15.02.2012    source источник
comment
@Ricky за три года много чего происходит ;)   -  person Design by Adrian    schedule 21.08.2015

Ответы (1)


arrow_upward
0
arrow_downward

Используйте триггеры «Назад» и «Далее».

Для «активного» класса вы можете использовать «step_shown», чтобы проверять текущий шаг каждый раз, когда отображается новый шаг, а затем использовать .addClass, чтобы добавить «активный» к вашему элементу.

:)

person Julien Rodrigues    schedule 17.02.2012