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