Jssor，iFrame，內聯CSS和Firefox

我在我的項目中使用Jssor來顯示圖片庫。我開始使用Jssor download-image-gallery-source.html（jQuery版本）提供的示例之一。我能夠刪除所有的內聯CSS並放入一個外部化的CSS文件。當它被視爲獨立頁面時，一切正常。但是，當我嘗試在iFrame中加載此頁面時，我開始收到CSS錯誤，例如Jssor，iFrame，內聯CSS和Firefox

20:53:27.882 Error: Width of slides container wrong specification, it should be specified in pixel (like style='width: 600px;').1 frontend.js:17689:14

當我在iframe之外啓動文件時，它工作正常。我無法理解是什麼導致了這一點。我測試了Safari和Chrome - 它的功能就像一個魅力。但是，Firefox中的所有錯誤都會失敗。如果將樣式轉換爲內聯，則會開始抱怨缺少內聯CSS的其他元素。

編輯：也在firefox開發者版和Opera中測試 - 在Opera中工作，但在FireFox中再次失敗。我可以看到當我「檢查」元素時設置的屬性，但是當它試圖檢索寬度時，我看到「Javascript」代碼返回「NaN」。我開始感覺它是一個Firefox的怪癖？

來源

2015-03-08 MojoJojo

確保您在下列方式外部CSS，

<link href="external.css" rel="stylesheet" type="text/css" />

這裏是一個演示http://www.jssor.com/testcase/slider-in-iframe.html

來源

2015-03-08 23:55:32 jssor

Well..you've了內嵌CSS的幾乎所有元素定義寬度，高度，位置等。實際上，你的external.css幾乎沒有CSS。如何完全刪除內聯的CSS？我沒有任何內聯CSS，所有的css駐留在外部的css文件中。 – MojoJojo 2015-03-09 00:17:45

這是一樣的。你可以全部移到外部的CSS。 – jssor 2015-03-09 04:44:11

Jssor，iFrame，內聯CSS和Firefox

回答

相關問題