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

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

1 个答案: