Question

我正在使用fancybox 2为一系列缩略图显示更大的弹出图像。在第一页加载时，单击图像无法加载fancybox弹出窗口。我看到加载微调器的轻微瑕疵，如果我打开网络检查器，我会看到fancybox加载div一瞬间消失。

但是，如果我刷新页面，那么fancybox页面就可以了。这种情况在具有相同花式框设置的所有页面上一致地发生，并且在Safari和Chrome中都会发生。图像存储在Amazon S3上。

有什么想法吗？

//Javascript

$(function() {
  return $(".fancybox").attr("rel", "gallery").fancybox({
    beforeShow: function() {
      return $.fancybox.wrap.bind("contextmenu", function(e) {
        return false;
      });
    }
  });
});


<!-- HTML -->
<a class="fancybox" href="/some/larger/image.jpg">
  <img src="/some/thumbnail/image.jpg" />
</a>

Answer 1

这结果是一个涡轮问题。我尝试了一些建议的事件监听器无济于事：

$(document).on "ready page:load page:restore", ->
  // Do fancybox

最后，在使用fancybox的网页链接上禁用了turbolinks。不理想，但它解决了这个问题。

Fancybox 2无法显示图像，直到页面刷新

1 个答案: