Почему модальная активация начальной загрузки работает после обновления страницы, но не после первоначального нажатия формы? - PullRequest
Новая
       8

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

2 голосов
/ 05 апреля 2019

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

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

Вот определение кнопки и модального. 

<input  type="button"  class="btn btn-primary" data-toggle="modal" data-backdrop="false" data-target="#demo-modal-3" value ="Create"/>
<div class="modal multi-step" style="color:black;" id="demo-modal-3">

Я выполняю минимум дополнительного javascript за пределами поведения по умолчанию.

$.getScript("/files/bootstrap.min.js", function() {
    $.getScript("/files/multi-step-modal.js", function() {
    sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
    }

    $('#demo-modal-3').on('hidden.bs.modal', function () {

        //reset();
        console.log('modal reset');
        $('#demo-modal-3').trigger('next.m.1');

        $('#demo-modal-3').find('.step-1').show();
    });
});
});

Когда кнопка функционирует должным образом, я вижу, что div изменен для отображения модальности. 

<div class="modal multi-step in" style="color: black; display: block;" id="demo-modal-3">

Однако, когда он не работает, div также изменяется, нодля дисплея установлено значение «none», а модальный режим не отображается. 

<div class="modal multi-step" style="color: black; display: none;" id="demo-modal-3">
...