1

うまくいけば、単純なものになるはずです...

だから私は、このサイトが持っているものと同様に、私のサイトのページ読み込み時に基本的なフェードインを行っています... http://jack-hughes.com/

私が抱えている問題は、標準のjQueryのfadeIn関数では、アニメーション化する要素に「display:none」が必要なように見えることです。これは、JavaScriptが無効になっている場合、要素が非表示のままであることを意味します。

$('.h1').fadeIn('slow', function() {
    // Animation complete
});

私の要素のいずれにもdisplay:noneなしでこの効果を得るために、誰かが私を正しい方向に向けることができます。

I had a go myself to no avail. Simply attempted to check if the element existed, and if it did, set the css opacity to 0, then run the animation. I'm sure you can have a laugh at my expense (I'm not a JS guy). Thanks!

if($('.h1').length > 0) {
    $(this).css("opacity","0");
    $('.h1').animate({
        opacity:1,
    }, 1500, function() {
        //Animation Complete
    });
};
4

3 に答える 3

4

CSSで display:none を使用し、そのようにラップされたシンプルなスタイルタグを含めるのが最善の策だと思います

<noscript>
    <style>
        #container { display:block !important; }
    </style>
</noscript>
于 2013-02-23T20:14:38.337 に答える
2

先に隠してはどうですか

$('.h1').hide().fadeIn('slow', function() {
    // Animation complete
});
于 2013-02-23T20:10:27.403 に答える
1 
$('.h1').hide(<h1>hello</h1>).fadeIn('slow', function() {
    // Animation complete
});

Musaに従ってこのように書く

于 2013-02-23T20:32:32.883 に答える