在Fancybox中显示隐藏的div使用JQuery不工作

问题描述：

我一直试图让这段代码工作。我有一个隐藏的div，使用object/embed方法显示Flash视频。在Fancybox中显示隐藏的div使用JQuery不工作

这是我使用的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内隐藏。当我使用萤火虫查看它时，它会显示内部的闪存对象，但它仍然具有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>

答

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

它不是一个YouTube视频，所以它不会工作。这是使用JW Player的我自己的视频嵌入式标签。如果可以的话，我会这样做。 :) – 2011-02-28 03:28:03

答

而不是隐藏div，使其可见，但将其包裹在另一个隐藏的div内。

（我不知道为什么的fancybox不切换的知名度，相当恼人。）

正确答案，应该接受。优雅而简单 – styler1972 2012-06-06 20:21:19

答

尝试添加这对您的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 
});

在Fancybox中显示隐藏的div使用JQuery不工作

相关推荐