Перейти к заданному шагу c на основе переключателя «Проверка» - PullRequest
0 голосов
/ 20 апреля 2020

Я работаю над многошаговым мастером форм (Bootstrap 3.3.7), все работает нормально, но я попытался установить его там, где на шаге 2 в нижней части страницы радио кнопки: (Аренда , Собственный, незащищенный). когда я нажимаю «Собственный», он должен пропустить Renter Step и перейти непосредственно к OWNER Step и то же самое для Unsheltered. Я пытался без удачи. прямо сейчас с этим javascript он делает go с желаемым шагом, отображая его внизу не как реальный шаг, как то, что я получаю, когда нажимаю следующий. Любая помощь, безусловно, будет высоко ценится. Вот мой код JSFiddle: введите код здесь https://jsfiddle.net/alachgar/43wgLvxr/2/

<script>
    $(document).on("click",".step-3",function(){
        current_step = $(this).closest("fieldset");
        next_step = $("#step-3");
        next_step.show();
        current_step.hide();
        //setProgressBar(--current);
      });
    $(document).on("click",".step-4",function(){
        current_step = $(this).closest("fieldset");
        next_step = $("#step-4");
        next_step.show();
        current_step.hide();
        //setProgressBar(--current);
      });
    $(document).on("click",".step-5",function(){
        current_step = $(this).closest("fieldset");
        next_step = $("#step-5");
        next_step.show();
        current_step.hide();
        //setProgressBar(--current);
      });
    </script>

1 Ответ

0 голосов
/ 20 апреля 2020

В вашем связанном коде в javascript посмотрите на строку 101:

 if (isValid) nextStepWizard.removeAttr('disabled').trigger('click');

you go последовательно, поэтому независимо от того, что я выберу, он просто включает следующий шаг. Должно быть что-то вроде (псевдокод):

   if (isValid && nextStep=="rent") nextStep("rent").removeAttr('disabled').trigger('click');
   if (isValid && nextStep=="owner") nextStep("owner").removeAttr('disabled').trigger('click');

и т. Д., Поэтому вам, вероятно, придется изменить дизайн этой функции

nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),

, чтобы создать функцию, которая также позволит корректно движение назад (если подходит)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...