3

このコードを使用して、特定のdiv（#extras）をフェードアウトさせています。

$(document).ready(function() {

            for(var i = 1; i <= pageLimit; i++) {
                $('body').append('<div id="page' + i + '" name="page' + i + '" class="touch"></ div>' ); 
            }

            $('body').append('<div id="extras" class="showUp">..all content needed goes in heree...</div>');
            $(window).load(function() {
                $('div#extras').delay(100).fadeOut(4000); 
            });
});

CSS：

div#extras {
    height:100%;
}

＆

body > div.showUp {
    display: block !important;
    height:100%;
}

うまくフェードアウトしますが、フェードアニメーションが完了するとポップアップします。どうすれば色あせたままにできますか？別の関数では、フェードインします。

これは、私が取り組んでいるJQtouchサンプルからのデフォルトのcssです。

body > * {
background: transparent;
-webkit-backface-visibility: hidden;
display: none;
position: absolute;
left: 0;
text-align:center;
width: 100%;
-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
height: 100% !important;
}

ありがとう！

extras divが.append（）関数によってページに挿入されたという事実は、ページをポップアップさせることと関係がありますか？

4

2 に答える 2

2

私は以下を使用して成功しました：

$("#element").fadeTo("速い", 0.33);

フェードにもっと時間をかけたい場合は、速度パラメーターを「slow」に設定できます。

于 2010-07-21T18:31:02.677 に答える
0

.fadeTo（0）（または、「不透明に」表示したい場合は他の数値、つまり.fadeTo（250）などを使用するのはどうですか。

あなたの解決策は次のようになります：

$("#extras").fadeTo(500, 0);

これは探索する価値のある道かもしれません。

ジム

[編集] -http://api.jquery.com/fadeTo/を参照

于 2010-07-21T18:20:27.163 に答える