JQuery UI диалоговый вопрос

Question

Я начал использовать библиотеку jquery ui для добавления некоторых улучшенных элементов пользовательского интерфейса в приложение asp.net. и столкнулись с незначительной ошибкой / проблемой:

У меня есть диалоговое окно jquery UI, которое вызывается при нажатии кнопки. Текст для этого диалогового окна все в и обычно скрыт от пользователя, а затем пользовательский интерфейс jquery делает свое волшебство и использует этот текст для отображения диалог - все отлично работает.

Вот код:

<input type="button" value="Cancel This Event" onclick="$('#myCancelEventDialog').dialog('open');" />

и вот div:

<div id="myCancelEventDialog" title="Cancel an Event or Meeting">
    <p>Are you sure you would like to cancel this event/meeting?</p>
</div>    

Вопрос в том, что каждый раз, когда моя форма перерисовывается, «скрытый» текст фактически мигает на странице в течение доли секунды, прежде чем он снова становится скрытым. (т. е. «если вы хотите отменить это событие / текст собрания, он отображается на долю секунды)

Можно ли это предотвратить?

Answer 1

Я установил стиль для div на «display: none». Диалоговое окно изменяет это при отображении.

 <div id="myCancelEventDialog"
      title="Cancel an Event or Meeting"
      style="display: none;">
     <p>Are you sure you would like to cancel this event/meeting?</p>
 </div>

Answer 2

Какой браузер? Кроме того, вы можете поэкспериментировать с видимостью CSS, установив display: none и отменив это непосредственно перед открытием диалогового окна.

Answer 3

Установите высоту на контроле на ноль. Таким образом он рендерится на экран на 0 высоту? Кстати, это несколько догадка ...