次のjsスクリプトにフェードイン効果を追加するには？

私は、イメージをロードし、内容を#content divにロードするよりも、jsスクリプトを表示しています。それはうまく動作しますが、ロードされたコンテンツをフェードインする方法を理解できませんか？例えば次のjsスクリプトにフェードイン効果を追加するには？

function viewHome(){ 
    $('#woodheader').load("inc/home.php"); 
    $('#content').html('<span class="loader">Loading..&nbsp;&nbsp;&nbsp;<img class="loaderimg" src="images/ajax_loader.gif"/></span>').load("inc/home.php"); 
}

とき.load("inc/home.php");終了し、私は3秒の期間を持つINC/home.phpファイルの内容をフェードインしたいと思います。どうしたらいいですか？ jQueryを使って

出典

2011-10-28 Ilja

あなたは '.load（" inc/home.php "）を2つの別々の要素で呼び出しています。それは意図的なのでしょうか？両方の要素にフェード効果が欲しいですか？ – gilly3

はいそれは意図的です））） – Ilja

function viewHome() { 
    $('#woodheader').load("inc/home.php"); 
    var content = $('#content'); 
    content.html('<span class="loader">Loading..&nbsp;&nbsp;&nbsp;" + 
     "<img class="loaderimg" src="images/ajax_loader.gif"/></span>'); 
    content.load("inc/home.php", function() { 
     content.hide().fadeIn(3000); 
    }); 
}

出典

2011-10-28 17:44:05 gilly3

私はjQueryオブジェクトである変数に '$'を追加するのが好きです。 'var $ content = $（ '＃content'）;'と同じように、最高の答えがまだ残っています。 – HurnsMobile

ハンガリー表記法の一種。それはおそらく良い習慣ですが、私はまだそれを個人的に採用していません...私たちは見るでしょう。 :-) – gilly3

$("#element").fadeIn(350);

出典

2011-10-28 17:35:01 jdross

yeh、しかし、事はjqueryを "フェード"と呼ぶ方法はわかりません。一度私のコードを$（ドキュメント）に入れたら、どのように関数をフェードインするのですか？ – Ilja

私の更新された回答を参照してください – jdross

使用不透明jqueryの関数を使用して、この

$(document).ready(function() { 
    // put jquery fade call in here 
});

にコードを置く：＃へ：CSS（アルファ（不透明度= 0）IE用とフィルタ）から0をコンテンツ

、その後、$（ "＃コンテンツ"）を追加します。フェードイン（デュレーション）あなたの関数へ

出典

2011-10-28 17:37:12 alinn

それを試してみました、全くコンテンツを表示しない、私は不透明度は、コンテンツdivの0にとどまると思います。私はコンテンツの不透明度を0に設定する必要があるとは思わない、それはinc/home.phpファイルの別のdivかもしれない？ – Ilja

私はそれを間違って読んで、divにあなたはHTMLをロードしています:) – alinn

次のjsスクリプトにフェードイン効果を追加するには？

答えて

関連する問題