Fancybox 2在刷新頁面之前無法顯示圖像

我正在使用fancybox 2爲一系列縮略圖顯示較大的彈出圖像。在首頁加載時，單擊圖像無法加載fancybox彈出窗口。我看到加載微調器的輕微閃爍，如果我打開網絡檢查器，我會在消失之前看到fancybox加載div一秒鐘。Fancybox 2在刷新頁面之前無法顯示圖像

但是，如果我刷新頁面，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>

來源

2014-10-04 Eric M.

jsfiddle怎麼樣？另外，我沒有在你的html中看到rel屬性。 – Macsupport 2014-10-04 03:51:57

@Macsupport：'rel'由腳本 – JFK 2014-10-04 07:16:05

@Macsupport Hrm設置，我無法重現JSFiddle中的行爲 - 複製了HTML並直接引用了js + css，它工作得很好。仍然不確定是什麼導致了實際網站上的問題。 – 2014-10-04 13:01:14

原來這是一個渦輪問題。我嘗試了一些建議的事件監聽器都無濟於事：

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

而剛剛結束了在鏈接到使用的fancybox頁面禁用turbolinks。不理想，但它解決了這個問題。

來源

2014-10-04 21:42:48

Fancybox 2在刷新頁面之前無法顯示圖像

回答

相關問題