为什么这个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（）;超过了应该让它发挥作用的功能。