Fancybox 在本地计算机上工作，但在将其上传到网络服务器后无法工作答案

【问题标题】：Fancybox works on local computer but it doesnot work after uploading it to webserverFancybox 在本地计算机上工作，但在将其上传到网络服务器后无法工作
【发布时间】：2014-07-10 05:40:44
【问题描述】：

我正在使用 fancybox 播放 youtube 视频。它在我的本地主机上运行良好，但在单击图像视频后它在实时网站上不起作用应该在 fancybox 中打开，而是在 youtube.com 中打开。

请提出一些解决方案。请在我的测试页面上

Link for your reference

【问题讨论】：

检查 js 和 css 文件的路径。如果不确定，请使用绝对路径。现在你的指针返回 404 错误

标签： jquery fancybox localhost

【解决方案1】：

把你的脚本改成这个

<script type="text/javascript">
        $(document).ready(function (e) {
            e.preventDefault();//default action of the event will not be triggered.
            $("a[@rel*=fancyvideo]").fancybox({
                overlayShow: true,
                frameWidth: 640,
                frameHeight: 360
            });
        });
    </script>

希望对你有帮助

【讨论】：

【解决方案2】：

你的脚本和css调用路径不正确，请用绝对路径调用

<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.pngFix.pack.js"></script>
    <script type="text/javascript" src="scripts/jquery.fancybox-1.0.0.js"></script>
    <script type="text/javascript" src="scripts/swfobject.js"></script>
    <link rel="stylesheet" type="text/css" href="scripts/fancy.css"/>

例如

<script type="text/javascript" src="http://www.example.com/scripts/jquery-1.2.6.min.js"></script>

【讨论】：