сложность диалогового окна рендеринга mvc

Question

У меня есть вид, в котором у меня есть следующий код:

  <div id="DivPassword" > 
<%Html.RenderPartial("PasswordDetails"); %> 

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

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

Answer 1

Отображается, потому что ваш код генерирует разметку, например:

<div id="DivPassword" ><!-- contents of partial view here --></div>

Когда браузер видит эту разметку, id отображает материал. :)

Чтобы не отображать диалоговое окно до тех пор, пока не запустит какой-либо JavaScript для его отображения, его необходимо скрыть Вы можете сделать это с помощью правила CSS:

div#DivPassword
{
     visibility: hidden;
}

Практически все диалоговые библиотеки JS изменят видимость при открытии диалогового окна.