6

我正在一个网站上工作，我使用 slimbox2 插件（类似于 lightbox）为 jquery 生成照片放大。

该插件适用于我尝试过的所有浏览器，但 iPhone 上的 Safari 除外。它在 Safari for Windows 上确实可以正常工作，但在 iphone 上存在两个问题：

  • 页面其余部分的变暗仅发生在页面顶部，大约是视口的高度（假设页面的顶部 400 像素），下面的所有内容都保持原样。
  • 较大的图像本身恰好位于页面的中间，而不是视口的中间。

我在这里的某个地方读到了 jquery 应该可以在 iphone 上正常工作，但是由于定位和淡入淡出似乎是基本的 jquery 功能，我认为这可能并不完全正确。当然也可以是插件...

所以我的问题是：jquery 真的在 iphone 上工作吗，如果没有，有人知道如何让它工作吗？

非常感谢！

4

3 回答 3

5

jQuery 在 iPhone 上运行良好。移动 Safari 是与桌面相同的基于标准的浏览器。实际上，在某些 CSS 规则采用方面更好。任何类型的 JavaScript 都可以正常运行，只要它适合 iPhone 的 UI 差异（例如，没有鼠标悬停）。

我认为这个问题最好表述为“Slimbox2 是否可以与 Mobile Safari 一起使用？”

于 2009-02-03T22:56:45.777 回答
5

我知道这已经有一年半的历史了，但如果这对其他人有帮助的话，那就去吧：

我的猜测是，这可能是您的插件position:fixed用于创建叠加层（您提到的“页面变暗”）以及较大图像本身的容器的问题。在 Mobile Safari 上对 position:fixed 进行网络搜索将为您提供有关此主题的大量进一步阅读！

似乎因为 Mobile Safari 将“视口”视为整个页面而不仅仅是可见部分，因此 position:fixed 往往无法像我们预期的那样工作。我在另一个 jQuery 插件上遇到了同样的问题，它为我创建了一个“模态”窗口，症状与你描述的非常相似。

我目前正在尝试通过（A）消除位置：固定并更改为位置：绝对，同时（B）根据主体的整个高度和窗口的“scrollTop”jquery属性手动设置高度和“顶部”来解决这个问题。我认为一些好的旧浏览器嗅探在这里可能会有所帮助，因为到目前为止，只有这个浏览器才真正需要这种“hack”。

于 2010-09-14T21:27:03.473 回答
3

堆栈溢出适用于 iPhone，根据 Jeff 在早期播客之一中的说法，堆栈溢出使用 jQuery，所以是的，jQuery 适用于 iPhone。

这可能是 Safari 中的错误。在苹果机器上试一试，看看它是否也能在那里工作。

于 2009-02-03T21:40:31.233 回答