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

【问题标题】：Div size miscalculating using Orbit Jquery Plugin使用 Orbit Jquery 插件计算错误的 Div 大小
【发布时间】：2011-10-27 16:45:20
【问题描述】：

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

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

任何建议将不胜感激。我在所有浏览器中都可以在http://jsfiddle.net/j9zLe/ 上正确运行它，但是我使用它的页面上有很多其他代码。我认为它一定是更进一步的风格......但不知道要寻找什么。

谢谢丽兹

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

所以我试过了，然后它在 safari 中工作，但在 Firefox 中失败了。循环停止运行。抱歉，小提琴现在可以工作了，我把它挂在了你需要登录的服务器上，然后忘记了。
我注释掉了这条线，它现在在这两种情况下都可以工作，但是在 safari 中计时器是正常的，在 FF 中它变得超级慢...... safari 大约是 4 倍。
当您离开线路并将值更改为幻灯片的实际尺寸时会发生什么（这对我来说是固定的，但是我不使用计时器，因为它与幻灯片在慢速 CPU 上太多了）？
当我只是替换值时，它在 Firefox 中不起作用。我不得不评论它。计时器的事情很奇怪。两个浏览器使用相同的 CPU。似乎在 FF 中计时器设置被忽略了。当我让它更快或更慢时......我只看到野生动物园的变化
startClock() 函数从第 99 行开始，一直到第 131 行。如果您对如何为这个插件运行计时器感兴趣，可以去看看。