fadeInの効果が点滅するだけです

Question

私のjquery文字列にfadeinを追加しようとしていますので、divをクリックするとフェードインします。私はフラッシュを取得してからフェードしません。私はまだjqueryの初心者です。これはうまくいくようですか？

$(document).ready(function() { 
    $("#Thumb1").click(function() { 
     $("#hidden").html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>').hide().fadeIn('2000'); 
     $("#leftsidePlayer").text("hey there new text!"); 
    }); 
});​ ​ 

私も同じで.hide、私のCSSでdisply: noneを使用して影響を与えてみました。

Answer 1

持続時間は、数ではない文字列でなければならない：

$("#hidden").hide() 
      .html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>') 
      .fadeIn(2000); // <==== Not fadeIn('2000') 

JSFidde DEMO

期間はミリ秒単位で与えられています。値が大きいほどアニメーションが遅くなり、遅いアニメーションは速いアニメーションでないことを示します'fast'と 'slow'という文字列は、それぞれ200ミリ秒と600ミリ秒の持続時間を示すために供給することができます。他の文字列が指定されている場合、またはdurationパラメーターが省略されている場合は、デフォルトの持続時間400ミリ秒が使用されます。

サイドノート、それをを追加し、そのすべての後に行われる、コンテナをフェードイン、その後要素を非表示にする方がよいでしょう。