1. 首頁
  2. 問答
  3. jquery顯示不默認隱藏

jquery顯示不默認隱藏

2012-07-09 73 views
-1

我有這個很簡單的jquery示例：http://jsfiddle.net/clifgray/NTd95/1/並在該jsfiddle它的工作原理就像我想要的。當我在代碼差別很小的網頁上實現它時，除了一些預先存在的內容外，jquery部分默認顯示隱藏div中的內容。它仍然工作，當我點擊隱藏，並從那裏我可以顯示和隱藏好，但我希望它被隱藏，當我開始網頁。jquery顯示不默認隱藏

你有什麼理由想到這件事情嗎？

來源

2012-07-09 clifgray

+1

是否可以看到預先存在的內容T' – wkm 2012-07-09 22:59:53

+4

_「差別很小」_--顯然這些差異很重要，所以你需要展示更多的代碼。你有沒有在你的網頁上定義相同的風格和小提琴一樣？ – nnnnnn 2012-07-09 23:01:09

+0

如果CSS將相關'div'設置爲'display：none'，則不應顯示它。如果是，那麼還有其他東西可以顯示它，或者從其他地方有更高特異性的樣式，因此會覆蓋您的樣式。 – Zhihao 2012-07-09 23:01:34

回答

2

您遇到的問題是，您是否正在使用全局css規則來處理全部 div，而不是針對您嘗試定位的div。我的猜測是某處你的頁面上，你必須從none

改變顯示了你的JavaScript的前補充一點：

$("#box1, #box2").hide();

...或者改變你的CSS規則如下：

div#box1, div#box2 { background:#def3ca; margin:3px; width:80px; display:none; float:left; text-align:center; }

...或者將此內聯添加到您的html中：

<div id="box1" style="display:none">

來源

2012-07-09 23:03:17 JoeCortopassi

+0

謝謝你的完美工作。我使用了第一個解決方案，它是一個全面的CSS規則，我一開始找不到，因爲朋友編寫了CSS。 – clifgray 2012-07-09 23:18:07

相關問題

 相關問題