我在我的项目中使用Jssor来显示图片库。我开始使用Jssor download -image-gallery-Soure.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的其他元素。
编辑:也在火狐开发者版和Opera中测试过-在Opera中工作,但在firefox中再次失败。当我“检查”元素时,我可以看到属性被设置,但当Javascript代码试图检索宽度等时,我看到"NaN“被返回。我开始觉得这是firefox的怪癖了?
发布于 2015-03-09 07:55:32
请确保以以下方式包含外部css:
<link href="external.css" rel="stylesheet" type="text/css" />
这是一个演示http://www.jssor.com/testcase/slider-in-iframe.html
https://stackoverflow.com/questions/28930680
复制相似问题