Jquery淡入div內的div

這是我的網頁。

<div id="wrapper"> 

    <div id="header"> 
     header text 
    </div> 

    <div id="content"> 
     content text 
    </div> 

</div>

我想淡入#content塊。

當我使用$("#wrapper").fadeIn(1500);它工作正常，它在整個頁面中淡出但是當我使用$("#content").fadeIn(1500);它從來沒有工作，什麼都沒有發生在衰落方面。

我在做什麼錯？

我也試過$("#wrapper #content").fadeIn(1500);，但沒有運氣，你們能告訴我如何定位#content div嗎？

由於堆

來源

2012-07-09 user1074803

當選擇兩個jQuery的元件，用逗號分隔它們：

$（「＃包裝，＃內容」）淡入（1500）;

見multiple selectors

編輯：由於這是下調投票，我覺得有必要進一步澄清......你說，本身在#wrapper指定褪色的作品。從那以後，我可以假定#wrapper默認是隱藏的。因此，如果您打算「展示」任何＃wrapper的子元素，則需要在嘗試淡入#content之前將其淡入（或至少使用show()將其顯示屬性設置爲'block'）。這可以通過在上面顯示的包裝器和內容div上執行淡入淡出來完成。

來源

2012-07-09 00:17:05

很難說沒有看到示例頁面/代碼，但它聽起來像你已經隱藏了#wrapper但不是#content。

所以，當你淡入#wrapper（從而顯示出所有包含的內容），它的工作原理，但是當你淡入#content，因爲它的父（#wrapper）仍然隱藏它不工作。

您可能想要將#wrapper更改爲默認可見，並且#content隱藏，以便淡入將正確顯示它。

再次，這一切都只是猜測在這一點上。如果你添加一個鏈接/樣本，那麼我們可以給出更好的答案。

來源

2012-07-09 00:19:03 nbsp

+1的最可能的原因。很好的答案。 – Bojangles 2012-07-09 00:21:06

它爲我工作。默認情況下http://jsfiddle.net/xwqPA/

來源

2012-07-09 00:19:23 Conner

謝謝。我按照自己想要的方式更新了它。這就是我所追求的。感謝堆傢伙。 http://jsfiddle.net/xwqPA/1/ – user1074803 2012-07-09 00:28:27

嗨康納，剛發現這不工作ie8。可能是什麼問題？ – user1074803 2012-07-09 02:41:20

http://stackoverflow.com/questions/1284163/jquery-ie-fadein-and-fadeout-opacity – Conner 2012-07-09 03:01:30

集內容的div display: none：看到這裏的例子

<div id="wrapper"> 
    <div id="header"> 
    header text 
    </div> 
    <div id="content" style="display: none;"> 
    content text 
    </div> 
</div>

來源

2012-07-09 00:20:24

是的。謝謝http://jsfiddle.net/xwqPA/1/ – user1074803 2012-07-09 00:29:12

@ user1074803歡迎您。我不知道爲什麼有人在這一票上投了我票。也許太短的答案。 – 2012-07-09 00:30:31

感謝@ahren我會嘗試「ctrl + K」下次我想突出一些句子中的一些代碼:-) – 2012-07-09 00:39:02

Jquery淡入div內的div

回答

相關問題