0

我是 jQuery 使用 Div 作为对话框，但在调用对话框之前，Div 显示在我的屏幕底部。

我怎样才能隐藏这个div？

<div id = "PrintDialog" title="Warning">
        <p>Once you print, no changes may be made to this contract. Are you sure you want to print?</p>
        <input type="button" value="Print" id="btnDialogPrint" />
        <input type="button" value="Cancel" id="btnDialogCancel" />
        </div>

我想仍然使用 Div，只是不显示它，除非它是对话框。

提前致谢。

4

7 回答 7

5

添加style="display: none;"到div这样的：

<div id="PrintDialog" title="Warning" style="display: none;">

当页面加载时，这会阻止显示 div。jQuery 仍会在您需要时显示对话框。

于 2012-05-28T12:27:22.223 回答
3

使用 css : style="display:none"

<div id = "PrintDialog" title="Warning" style="display:none">

或使用以下 jquery 代码

$('#PrintDialog').hide()
于 2012-05-28T12:30:38.827 回答
3

只需将“隐藏”类添加到您的并在您想将其显示为 dailog 时将其删除

<div id = "PrintDialog" title="Warning" class="hidden">

隐藏的 CSS：.hidden { display: none; }

于 2012-05-28T12:31:32.270 回答
2

添加样式=“显示：无；” 或添加到您的 CSS 类下一个代码

#PrintDialog
{
display: none;
}
于 2012-05-28T12:28:39.370 回答
2

  1. 使用 css（如果你以后想要初始化对话框）： <style type="text/css">
    #PrintDialog{display:none;}
    </style>

  2. 使用 jQuery UI，您只需要在页面加载后初始化对话框：
    <script type="text/javascript">
    $(function(){
    $("#PrintDialog").dialog({ <一些参数，如标题等> });
    });
    </脚本>

于 2012-05-28T12:34:33.503 回答
1

如果你想使用 jQuery，你只需添加$("#PrintDialog").hide();你的代码。

于 2012-05-28T12:28:45.077 回答
0

尝试使用内置的.hide()方法。

IE

$('#PrintDialog').hide();
于 2012-05-28T12:29:05.617 回答