现在，只有从成功的Facebook Connect返回后，才显示Slick轮播的图片

Question

我正在使用Slick轮播作为此推荐信箱：

我有此按钮可以使用Facebook登录：

在成功登录Facebook Connect之后，Slick轮播仍然可以正常使用，但是所有图片都被破坏了：

例如，如果我通过单击主页的徽标以重新加载页面来四处单击，则所有内容均已修复，并且图片再次正确显示。造成此错误的原因是什么？我注意到，使用Facebook登录后，URL从https://example.net/San-salvador/更改为https://example.net/San-salvador/#=。我以为附加的＃ = 可能是问题的原因，我使用此JavaScript代码将其删除：

jQuery(document).ready(function($) {
    // Remove #_=_ string from URL when using Facebook Connect.
    if (window.location.href.indexOf('#_=_') > 0) {
        window.location = window.location.href.replace(/#.*/, '');
    }
    ....
    ....
    ....
}

＃ = 不再附加到URL，Facebook Connect仍然可以正常工作，但该错误未得到修复。任何人也遇到此错误并知道解决方法吗？

我正在使用Facebook PHP SDK（v.3.2.3）：https://github.com/facebookarchive/facebook-php-sdk。我知道它已过时，但这可能是我遇到此错误的原因吗？

Answer 1

检查以下内容以找出到底出了什么问题：

• 您是否已检查浏览器控制台以查看其内容？
• 图片URL是否像您期望的那样在其中提及？
• 您如何在代码中引用图像-相对URL，相对于域根目录，是绝对的？

如果主文档的URL发生了变化（同时在注释中指出），那么最好的选择可能是使用相对于域根的图像URL，并以反斜杠开头：

/path/to/images/file.jpg

-无论当前页面的URL路径是什么，它总是指向相同的位置。