загрузочный модал не открывается в Safari - PullRequest
0 голосов
/ 05 июня 2018

Я хочу открыть мод загрузки при нажатии кнопки.Он прекрасно открывается в браузерах Windows (IE, Edge, Chrome, FireBox), но не открывается в браузере iOS-Safari.Я вижу, что многие разработчики сталкивались с такой же проблемой, но я до сих пор не получил однозначного решения.

Ниже приведен мой код.

HTML:

<!-- Modal -->
<div class="modal fade" id="loaderModal" tabindex="-1" role="dialog" aria-labelledby="loaderModalTitle">
    <div class="modal-dialog modal-dialog-centered" style="position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%) !important;" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div id="loaderDiv" class="col-md-2 col-md-offset-5 col-sm-2 col-sm-offset-5 col-xs-2 col-xs-offset-5">
                        <span class="fa-stack fa-3x">
                            <i class="fa fa-spin fa-refresh fa-stack-1x fa-inverse" style="font-size:60px; color:#0095fe;"></i>
                        </span>
                    </div>
                </div>
                <div class="row">
                    <div class="text-center" id="divSpinnertext"></div>
                </div>
            </div>
        </div>
    </div>
</div>

jQuery:

var form = $("#createCustomerForm").steps({
    labels: {
      cancel: "CANCEL",
      finish: "FINISH",
      next: "NEXT",
      previous: "PREVIOUS"
    },

    onFinished: function (event, currentIndex) {
        $("#loaderModal").modal({ backdrop: 'static', keyboard: false })
        form.submit();
    }
});
...