Fancybox在Ruby on Rails上無法正常工作

我在使用Fancybox 3時遇到了問題。我的目標是嵌入一個響應式Iframe，但經過數小時的測試後，我無法使其工作。Fancybox在Ruby on Rails上無法正常工作

根據該文件，如果我想插入一個IFRAME，我應該這樣寫：

<a data-fancybox data-type="iframe" data-src="http://codepen.io/fancyapps/full/jyEGGG/" href="javascript:;"> 
Webpage 
</a>

有了這個代碼，當我點擊鏈接，沒有任何反應。我很確定這裏有一個ruby和rails結構的問題，因爲當我在我的視圖中放置了一些javascript時，fancybox啓動了BUT，將這個錯誤返回給框中：「請求的內容無法加載，請重試後來。」

這裏是我的JavaScript和HTML在我看來幾乎是工作代碼：

<script type="text/javascript"> 
    var fancybox = function(){ 
    $('.fancybox').fancybox({ 
     iframe: { 
      css: { 
       width: '100%', 
       height: '100%', 
      } 
     } 
    });   
}; 
$(document).on("page:load ready", fancybox);

<a class="fancybox" data-fancybox data-type="iframe" data-src="https://spaces.archilogic.com/3d/!02e31ca5-41c2-4a7f-a25d-601810a7c85a?mode=view&amp;main-menu=interior&amp;view-menu=none&amp;presentation=loop" href="javascript:;"> 
    <h1>TITLE</h1> 
</a>

最後，我設法得到的iFrame做這個工作，但它計算的iFrame大小在頁面加載時，如果瀏覽器設置爲不同大小，則不會再次移動：

<script type="text/javascript"> 
    jQuery(function() { 
    $("#visite3d").fancybox({ 
      width : '100%', 
      height : '100%', 
    }); 
});

<a id="visite3d" class="iframe" href="https://spaces.archilogic.com/3d/!02e31ca5-41c2-4a7f-a25d-601810a7c85a?mode=view&amp;main-menu=interior&amp;view-menu=none&amp;presentation=loop"> 
    <h1>Visite 3D</h1> 
</a>

所以任何人都知道爲什麼的fancybox的iframe是不是因爲它應該工作的時候我插入到文檔中提供的簡單的HTML？

在此先感謝。

來源

2017-06-14 Kiouze

fancyBox不關心你是否使用RoR，Wordpress，Laravel，[在這裏輸入任何名字]，只需按照簡單的步驟 - 確保所需的文件被加載，代碼以正確的順序執行並且你的內容是可訪問的。而已。

由於您還沒有提供任何演示/測試頁面，因此無法爲您提供幫助。

來源

2017-06-16 12:44:31 Janis

Fancybox在Ruby on Rails上無法正常工作

回答

相關問題