Пишу на 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>
Браузер успевает отрисовать html перед тем, как выполнится
$("#modal-dialog").dialog({ ...
Сделайте диалог изначально невидимым:
<div id="modal-dialog" style="display:none;" ...
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Добрый день, пишу свой прелодер на сайт, на блок добавлена background-image *svg и установлен background-color, однако иногда интернет подлагивает , bg-image грузит...
почему у меня сменилось stylescss на styles
Как реализовать прокрутку при div width = 100%; ? При установке ширины блока в пикселях все отлично работает