爲什麼這個jQuery的簡單顯示功能不起作用？

Question

我有一個簡單的問題...也許我是剝奪睡眠，並沒有看到它是什麼...

基本上，我有一個圖像，單擊圖像，顯示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> 

有什麼關於顯示Flash對象，我不知道？因爲上面的代碼隱藏了圖像，並且什麼也不做。

Answer 1

嘗試將電影ID移出您的CSS並添加$（'＃movie'）。hide（）;超過了應該讓它發揮作用的功能。