renderpartial 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 диалоговых библиотек изменит видимость, когда вы всплывал диалог.