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

标签 jquery css plugins

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

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

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

谢谢丽兹

最佳答案

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

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

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

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

关于jquery - 使用 Orbit Jquery 插件计算错误的 Div 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7919395/

相关文章:

javascript - 从下到上动画图像

javascript - qtip2 气球和 php 表 : different balloon content for each row?

css - Chrome Colspan 更新后无法使用

javascript - Jquery - 动态添加和删除字段 - 如何在不重复代码的情况下做到这一点?

jQuery Modal + .show() 和 .hide()

javascript - 在特定点插入使用 ExecCommand?

html - 订单列表标记

php - 如何在其原始单列中显示第一篇文章,并在两列中显示所有其他文章? WordPress的

c# - 插件中的 ASP .NET Core MVC 2.1 mvc View

plugins - 如何为我的 Dart 应用程序包含插件系统?