为什么这个jquery简单显示功能不起作用?

时间:2010-11-26 12:25:34

标签: 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>

是否有关于显示我不知道的flash对象的内容?因为上面的代码隐藏了图像而没有做任何其他事情。

1 个答案:

答案 0 :(得分:3)

尝试将电影ID从css中移出并添加$('#movie')。hide();在应该让它出现的函数之上。