0

Пишу на asp.net mvc, создал модальное окно.

Окно работает, но вот есть проблема, при перезагрузке страницы на сотые секунды постоянно отображаются все теги и текст который внутри контейнера модального окна (в том месте где и находится контейнер).

Почему так происходит? Именно в asp, тестил в обычной html странице, там все нормально как и здесь

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script
  src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"
  integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="
  crossorigin="anonymous"></script>
  
  
<script>
    $(function () {
        $("#modal-dialog").dialog({
            autoOpen: false,
            width: 400,
            height: 600,
            show: {
                duration: 1000
            },

            hide: {
                duration: 1000
            }
        });

        $("#modal-opener").click(function () {
            $("#modal-dialog").dialog("open");
        });
    });
</script>
<button id="modal-opener">ok</button>

<div id="modal-dialog" title="Введите данные и мы с вами свяжемся">
        <p>sdsdfsdfsfsfsdf</p>
</div>

1 ответ 1

1

Браузер успевает отрисовать html перед тем, как выполнится

$("#modal-dialog").dialog({ ...

Сделайте диалог изначально невидимым:

<div id="modal-dialog" style="display:none;" ...
5
  • Спасибо, помогли. А от чего это зависит? Почему только при компиляции в asp такая штука?
    – unnamed
    28 мар 2017 в 21:45
  • Почему здесь или в обычной html странице не успевает, а там успевает?
    – unnamed
    28 мар 2017 в 21:46
  • 2
    да это от чего угодно зависит - например, от распределения скриптов, css-а и html в странице и логики конкретного браузера
    – user176262
    28 мар 2017 в 21:47
  • 1
    тут немного не так - в обычной странице, наоборот, успевает загрузить, распарсить и выполнить js, до того как отрендерит html
    – user176262
    28 мар 2017 в 21:48
  • Похоже все стало понятно
    – unnamed
    28 мар 2017 в 21:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.