jquery - jquery - Fancybox - 弹出窗口不“弹出”

Question

我正在尝试使用 jQuery Fancybox 从网站弹出 youtube 视频。我已按照 fancybox.net 网站的说明进行操作，但并不高兴，视频只是内嵌显示。

我有所有的 .js 文件，.css 文件，但你可以在这里看到：http ://www.rouviere.com/~idp2/ideaPeople.html点击图片只会弹出视频内联.

它应该像这里的视频链接一样工作：http: //fancybox.net/example但事实并非如此。

这是代码：

$(document).ready(function() {
$("a#single_1").fancybox();

$("a#single_2").fancybox({
    'zoomOpacity'           : true,
    'overlayShow'               : false,
    'zoomSpeedIn'           : 500,
    'zoomSpeedOut'          : 500
});

$("a#single_3").fancybox({
    'overlayShow'           : false,
    'zoomSpeedIn'           : 600,
    'zoomSpeedOut'          : 500,
    'easingIn'              : 'easeOutBack',
    'easingOut'             : 'easeInBack'
});

$("a.group").fancybox({
    'hideOnContentClick': false
});

  });

Answer 1

不要同时包含打包和解包的 js 文件...

仅使用

<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.6.pack.js"></script> 

此外，找不到您的 fancybox CSS 文件。它包含构建浮动 div 所需的样式。

http://www.rouviere.com/~idp2/fancybox/fancybox.css