2013-10-13 47 views
0

我使用history.js來啓用在網站的歷史記錄中前進和後退,它所做的是它更改「.container .content」的id和dom內容。動態內容不能淡化

我的問題是,每當這個網站插入:

<script type="text/javascript"> 

$(document).ready(function(){ 
    $('.container .content .loggedin').fadeIn(1000); 
}); 
</script> 
<p class="notification"> 
</p><div class="loggedin"> 
<h1>Welcome, <b>USER</b>.</h1> 
</div> 

的淡入沒有做它應該做的(和選擇是正確的),雖然將ready()作品內的alert()

另外,div被設置爲隱藏在樣式表中,並且根本不顯示。

+0

那麼'.container .content'在哪裏呢?我沒有在你的HTML中看到它。 – MisterBla

+0

@Richard在它的dom中,這只是插入到「.containter.content」中的片段。 –

回答

1

fadeIn動畫不透明。如果將它設置爲display: nonevisibility: hidden,div可能會被隱藏,儘管它是不透明的,所以不要使用上述方法之一隱藏它,請嘗試使用opacity: 0

+1

'show'和'opacity'也​​一樣。只顯示切換'display' CSS設置。 –

+0

在這種情況下,show()不會將顯示屬性設置爲與fadeIn()相同的問題。 –