Пишу на 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>