2010-11-26 9 views
1

私は単純な問題が...多分私は睡眠不足で、それが何であるか見ていません...jqueryのシンプルショー機能が動作しないのはなぜですか?

基本的に、私は画像をクリックして、画像をクリックし、YouTubeのビデオを表示します。単純な権利ですか?私は知らないフラッシュオブジェクトを示す何かについては

ここに私のCSSだ...

<style type="text/css"> 

#movie { display: none; } 

</style> 

JS ...

$(document).ready(function(){ 

    $('#show_movie').click(function(){ 

      $(this).hide(); 
      $('#movie').show(); 


    }); 

}); 

<img id="show_movie" src="/img/site-inside.jpg" />   

<object id="movie" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WDgm6YaApEY?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WDgm6YaApEY?hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> 

あります?上記のコードは画像を隠し、他に何もしないからです。

答えて

3

あなたのcssからムービーidを移動し、$( '#movie')を追加してみてください。それを可能にするはずの関数の上に。

+0

おい、それはうまくいかなかった。 – willdanceforfun

+0

おそらく、CSSは隠して表示するようにしていますが、CSSのように隠れているためです。 –

+0

が真ではない場合、 '.show()'を呼び出すと以前定義されたスタイルは上書きされます。 –