【问题标题】:Slideshow Shows in Preview Site But Doesn't Show When Uploaded幻灯片在预览站点中显示,但在上传时不显示
【发布时间】:2013-03-28 14:22:33
【问题描述】:

我的网页上有一个 JQuery 幻灯片 (camera.js)。当我在预览查看器中查看幻灯片时,它完美地显示和工作。但是,当我将它上传到我的托管站点时,它会显示幻灯片,但没有图片,如您所见here。

如果有人能让我知道我做错了什么,将不胜感激。

提前致谢!

【问题讨论】:

  • 在 Chrome 中查看您的网站时,我在开发者控制台中看到了大量 404 错误。此外,“getAddress()”被报告为未定义。
  • 已修复,但未成功。可以在这里看到网站pomonabeta.comeze.com。

标签: javascript jquery hosting


【解决方案1】:

您遇到了一些可能导致事情无法正常工作的错误。

1) Javascript:getURL.js 的第 3 行应该在 getAddress 之后有 ()。 (这可能是主要原因。

2) camera.js 图像资源有一些 404。

3) 索引第 96 行“getAddress 未定义”。这是 1) 的结果。

更新:

看起来好像您在容器存在之前初始化插件。您应该将代码放在页脚或 .ready 事件中,如下所示:

$(document).ready(function(){
    $('#camera_wrap_3').camera({
        pagination: false,
        thumbnails: false,
    imagePath:'images/camera/'          
    });
});

ready 函数会等到页面加载完毕后再执行代码。

【讨论】:

  • 修复了 getAddress 函数(我用作测试的站点可以在这里查看pomonabeta.comeze.com)。似乎仍然不起作用,我也没有看到任何 404 错误。您用于获取这些错误的步骤是什么?
  • 如果您在 Firefox 中使用 Chrome 或 Firebug,请使用 Chrome 开发人员工具检查您的错误。还更新了我的答案。
  • 这是一个非常有趣的修复。将此添加到网站,并且不工作的 Javascript 现在可以工作,包括 getURL() (最后)。问题是,如您所见,幻灯片仍未显示。
  • 另外,我知道如何进入 Chrome 开发者工具,但如何调试网站?
  • 它正在查看这个文件夹:images/camera/main。那是你的图像所在的地方吗?此外,对于错误,请单击 Web 开发人员工具中的控制台按钮。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-24
  • 2021-02-14
  • 1970-01-01
  • 1970-01-01
  • 2023-01-19
相关资源
最近更新 更多