Slick carousel 的图片现在仅在从成功的 Facebook Connect 返回后才会显示

Question

我正在为这个推荐框使用 Slick carousel：

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

成功登录 Facebook Connect 后，Slick 轮播仍然有效，但所有图片都已损坏：

如果我四处点击，例如点击主页的标志以重新加载页面，一切都已修复并且图片再次正确显示。这个错误的原因可能是什么？我注意到在使用 Facebook 登录后，URL 由 https://example.net/San-salvador/ to 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 是否如您预期的那样被提及？
您如何在代码中引用图像 - 相对 URLs，相对于域根，绝对？

如果主文档 URL 发生变化（同时在评论中指出），那么您最好的选择可能是使用与域根相关的图像 URL，以斜杠开头：

/path/to/images/file.jpg

- 无论当前页面的 URL 路径是什么，这将始终指向相同的位置。

Slick carousel 的图片现在仅在从成功的 Facebook Connect 返回后才会显示

Pictures of Slick carousel do now show only after coming back from a successful Facebook Connect

facebook

image

facebook-php-sdk

facebook-login

slick.js