Jquery ui对话框问题

Question

我开始使用jquery ui库向asp.net应用程序添加一些增强的UI元素。并遇到了一个小错误/问题：

我有一个jquery UI对话框，当单击一个按钮时会调用该对话框。对话框的文本全部在用户的正常隐藏状态，然后jquery UI完成其魔术并使用该文本显示对话 - 一切都很完美。

以下是代码：

<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

将控件的高度设置为零。这样它渲染到0高度的屏幕？这有点像猜测......

Answer 3

哪个浏览器？此外，您可以通过在弹出对话框之前设置display：none和撤消来验证CSS可见性。