jquery - 動的コンテンツはフェードインできません

Question

私は history.js を使用して、ウェブサイトの履歴を前後に移動できるようにしています。それは、「.container .content」の id と dom の内容を変更することです。

私の問題は、このhtmlが挿入されるたびに:

<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>

alert()作品の中にを入れていますが、fadeIn は本来の動作をしていません (そしてセレクターは正しいです) ready()。

また、div はスタイルシートで非表示に設定されており、まったく表示されません。

Answer 1

fadeIn不透明度をアニメーション化します。display: noneまたはに設定するとvisibility: hidden、div が不透明であるにもかかわらず非表示になる可能性があるため、上記の方法のいずれかを使用して非表示にする代わりに、試してください。opacity: 0