jquery - 使用 Orbit Jquery 插件计算错误的 Div 大小

Question

我正在使用 jquery 插件 Orbit，它在 FF 中运行良好。在 chrome 和 safari 中，它错误地将 div 大小计算为 1px 高和宽，并将其应用于包装 div ..所以没有照片显示。

渲染引擎是否有一些特定的东西可以使它在一个浏览器中正确计算但在另一个浏览器中不能正确计算？我已经在我的样式表中设置了包装器 div 的样式，但 Orbit 应用了覆盖的内联样式。

如有任何建议，我们将不胜感激。我让它在这里正常运行http://jsfiddle.net/j9zLe/在所有浏览器中，但我正在使用它的页面上有很多其他代码。我认为它一定是链条上的某种风格……但不确定要寻找什么。

谢谢丽兹

Answer 1

在第 52 行的 jquery.orbit-1.2.3.js 文件中是以下行:

orbit.add(orbitWidth).width('1px').height('1px');

我不确定这条线的意义，但是如果您将宽度和高度值更改为幻灯片的值或注释掉该线，我敢肯定它会解决您的问题。

在您的 jsfiddle 中，您需要为 Orbit 的 JavaScript 和 CSS 文件添加资源，以使其正确呈现。