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

Question

我正在使用jquery插件Orbit，它在FF中工作得很好。在chrome和safari中，它错误地将div大小计算为1px高和宽，并将其应用于包装器div。所以没有照片出现。

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

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

谢谢，Liz

Answer 1

在jquery.orbit-1.2.3.js文件的第52行中，有以下行：

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

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

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