使用 JQuery 在 Fancybox 中显示隐藏的 div 不起作用答案

【问题标题】：Show hidden div in Fancybox using JQuery not working使用 JQuery 在 Fancybox 中显示隐藏的 div 不起作用
【发布时间】：2011-07-05 11:57:20
【问题描述】：

我一直在尝试让这段代码正常工作。我有一个隐藏的 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 保持隐藏。当我使用萤火虫查看它时，它会显示内部的 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>

【问题讨论】：

标签： javascript jquery html fancybox

【解决方案1】：

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

【讨论】：

它不是 youtube 视频，因此无法播放。这是我自己使用 JW Player 嵌入的视频标签。如果可以的话，我会那样做。 :)

【解决方案2】：

与其隐藏 div，不如让它可见，但将其包裹在另一个隐藏的 div 中。

（我不知道为什么fancybox不切换可见性，相当烦人。）

【讨论】：

【解决方案3】：

尝试将此添加到您的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
});

【讨论】：