javascript – 使用JQuery在Fancybox中显示隐藏的div无效

前端之家收集整理的这篇文章主要介绍了javascript – 使用JQuery在Fancybox中显示隐藏的div无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直试图让这段代码起作用.我有一个隐藏的div,使用object / embed方法显示flash视频.

这是我正在使用的js代码.

jQuery(document).ready(function(){  

    jQuery("a[id^='scrshot_']").fancybox(       
    {
    'autoDimensions'    : false,'width'                 : 640,'height'                : 360       
    });
    return false;});

我正在使用我在这个网站http://www.jdmweb.com/resources/fancy_videos上找到的这种方法,并且很容易实现.我使用动态创建的ID标签.但由于某种原因fancybox将打开但内部的div保持隐藏.当我使用firebug来查看它时,它会显示内部的flash对象,但它仍然附加了display:none属性.你怎么得到它来显示该div内的内容而不是整个div?如果div正在显示并使用链接,则fancybox会与播放器打开.显然,这不会工作,因为我不希望视频显示,直到它在fancybox中启动.

我的HTML代码示例.

<a class='scrshot' id='scrshot_1' href='#showvid_1'>Click Here</a>
<div class='showvid' id='showvid_1'>my embedded code here</div>

解决方法

而不是隐藏div,使其可见,但将其包装在另一个隐藏的div中.

(我不知道为什么fancybox没有切换可见性,而是讨厌.)

猜你在找的jQuery相关文章