【问题标题】: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/ 上正确运行它,但是我使用它的页面上有很多其他代码。我认为它一定是更进一步的风格......但不知道要寻找什么。

谢谢丽兹

【问题讨论】:

    标签: jquery css plugins


    【解决方案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 行。如果您对如何为这个插件运行计时器感兴趣,可以去看看。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-04-09
    • 1970-01-01
    • 2012-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多