Question

我是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，除非它是对话框，否则不显示它。

提前致谢。

Answer 1

将style="display: none;"添加到div，如下所示：

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

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

Answer 2

使用css：style =“display：none”

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

或使用以下jquery代码

$('#PrintDialog').hide()

Answer 3

只需将“隐藏”类添加到您的手中，并在想要将其显示为dailog

时将其删除

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

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

Answer 4

添加style =“display：none;”或者添加到CSS类的下一个代码

#PrintDialog
{
display: none;
}

Answer 5

使用css（如果以后想要init对话框）：＆lt; style type =“text / css”＆gt;
#PrintDialog {显示：无;}
＆LT; /风格＆GT;
使用jQuery UI，您只需在页面加载后初始化对话框：
＆lt; script type =“text / javascript”＆gt;
$（函数（）{
$（“＃PrintDialog”）。对话框（{＆lt;某些参数，如标题等＆gt;}）;

}）;
＆LT; /脚本＆GT;

Answer 6

如果您想使用jQuery，只需在代码中添加$("#PrintDialog").hide();即可。

Answer 7

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

即

$('#PrintDialog').hide();

我想隐藏一个DIV？

7 个答案: