Question

我正在使用Dreamweaver CS5的网站上工作，我正在尝试在Dreamweaver cs5上加载Fancybox 2.0.4，同时使用实时视图在我的localhost网站上工作无济于事。此外，Fancybox不会使用任何浏览器（Safari，Firefox，Chrome，Opera）加载到同一个localhost环境中。但是，当我将页面加载到远程网站时，ti工作完美。我在MAC OS X Lion上使用MAMP作为我的本地主机服务器。我已经敲打了好几个星期而没有找到解决办法。任何帮助将不胜感激。下面我正在使用的代码的副本（从fancybox网站复制用于测试目的）测试了我的理论，即当fancybox在远程服务器上工作时不能使用localhost，具有相同代码的网站是{{3} }

提前感谢您的帮助，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1  /DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>


<!-- Add jQuery library -->
<script type="text/javascript" language="JavaScript" src="fancybox/lib/jquery-1.7.1.min.js"> </script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" language="JavaScript" src="fancybox/lib/jquery.mousewheel-    3.0.6.pack.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" language="JavaScript" src="fancybox/source/jquery.fancybox.pack.js"></script>

<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css" media="screen" />

<!-- Add fancyBox - button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-buttons.css" />

<script type="text/javascript" language="JavaScript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>

<!-- Add fancyBox - thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-thumbs.css" />
<script type="text/javascript" language="JavaScript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    type : 'iframe',
});
});
</script>
</head>

<body>


<a class="various fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">Youtube (iframe)</a>

Answer 1

尝试访问http://localhost/fancybox/lib/jquery-1.7.1.min.js并查看是否可以获取该文件。如果没有尝试更改要加载的文件的源。确保您对脚本所在的文件夹具有读写权限。

或将脚本上传到网络服务器并更改所有来源的路径，如：

SRC = “的fancybox / LIB / jquery的-1.7.1.min.js”

到

SRC = “http://www.yourdomain.com/fancybox/lib/jquery-1.7.1.min.js”

Fancybox 2.0未在localhost上加载

1 个答案: