我想隱藏一個DIV？

我是jQuery使用Div作爲對話框，但在對話框被稱爲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，除非它的對話框沒有顯示。

在此先感謝。

來源

2012-05-28 Pomster

添加style="display: none;"到div這樣的：

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

頁面加載時，該設置防止顯示DIV。當你需要的時候jQuery仍然會顯示對話框。

來源

2012-05-28 12:27:22 Jonathan

有沒有這樣的事情顯示：隱藏。編輯 – nunespascal

您正在考慮隱藏可視性，這通常是不期望的，因爲它會保留空白空間。 – ericosg

固定，謝謝:) – Jonathan

Add style =「display：none;」或添加到您的CSS類下面的代碼

#PrintDialog 
{ 
display: none; 
}

來源

2012-05-28 12:28:39

或者，更好的是，定義CSS規則'.hidden {display：none; }'並將此類指定給div –

@JakubKonecki - 甚至可以使用HTML5'hidden'屬性在語義上進行操作。然後，爲了向後兼容，添加CSS規則'[hidden] {display：none; }' – Alohci

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

來源

2012-05-28 12:28:45 Niklas

這可能會在頁面呈現過程中導致閃爍，並且需要運行javascript。純粹的CSS解決方案更好。 –

嘗試使用內置的.hide()方法。

即

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

來源

2012-05-28 12:29:05 ericosg

這可能會在頁面呈現過程中導致閃爍並需要運行javascript。純粹的CSS解決方案更好。 –

考慮到已經使用jQuery，此方法允許使用.show（）將顯示樣式重新設置爲原始狀態。而CSS不適用，因爲這裏有條件更改，需要調用可編程性。 – ericosg

如果你使用javascript來隱藏div，你可以在js執行之前暫時看到它。這取決於在'.hide（）'方法開始之前執行的js的數量。 –

使用CSS：風格= 「顯示：無」

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

或使用下面的jQuery代碼

$('#PrintDialog').hide()

來源

2012-05-28 12:30:38 LoganPHP

只需添加類「隱藏」你和當您想將其顯示爲dailog時將其刪除

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

CSS隱藏：使用CSS .hidden { display: none; }

來源

2012-05-28 12:31:32 TRR

（如果您想以後Init對話框）： <風格類型= 「文/ CSS」 >
#PrintDialog {顯示：無; }
< /風格>
使用jQuery UI，你只需要初始化對話框後加載呃頁：
<腳本類型= 「文/ JavaScript的」 >
$（函數（）{
$（「＃PrintDialog類」）對話框（{<一些參數，如標題等>}）;
}）;
< /腳本>

來源

2012-05-28 12:34:33 refeline

我想隱藏一個DIV？

回答

相關問題