Question

我一直在努力让这段代码发挥作用。我有一个隐藏的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>

Answer 1

不是隐藏div，而是让它可见，但将其包装在另一个隐藏的div中。

（我不知道为什么fancybox不会切换可见性，而是讨厌。）

Answer 2

尝试将此添加到您的jQuery(document).ready(function(){

jQuery('.scrshot').live('click',function(){
   jQuery('.showvid').hide();                 //hide any that might be open
   jQuery(jQuery(this).attr('href')).show(); //show the div we clicked for
});

Answer 3

你看过fancybox文档/博客吗？ http://fancybox.net/blog（ 4.显示youtube剪辑。这必须有帮助）; http://fancybox.net/howto; http://fancybox.net/api;

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

3 个答案: