Jssor, iFrame, inline CSS and Firefox



我在我的项目中使用Jssor来显示图像库。我开始使用Jssor下载提供的示例之一 - image-gallery-source.html(jquery版本)。我能够删除所有内联 CSS 并放入一个外部化的 CSS 文件。当它被视为一个独立的页面时,一切正常。但是,当我尝试在iFrame中加载此页面时,我开始收到CSS错误,例如

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"。我开始觉得这是一个火狐怪癖?

确保按以下方式包含外部 css,

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

这是一个演示 http://www.jssor.com/testcase/slider-in-iframe.html

最新更新