jquery是否适用于iphone的游猎?

时间:2009-02-03 21:34:50

标签: jquery iphone plugins safari

我正在一个网站上工作,我使用slimbox2插件(类似于灯箱)为jquery生成照片放大。

该插件适用于我尝试的每个浏览器,但iPhone上的Safari除外。它在Safari for Windows上按预期工作,但在iPhone上有两个问题:

  • 页面其余部分的变暗只发生在页面顶部,关于视口的高度(假设页面顶部400px),下面的所有内容保持不变。
  • 较大的图像本身正好位于页面的中间,而不是视口的中间。

我已经在这里阅读过,因为jquery应该可以在iphone上正常工作但是由于定位和淡化似乎是基本的jquery功能,我想也许这不完全正确。它当然也可以是插件......

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

非常感谢!

3 个答案:

答案 0 :(得分:5)

jQuery在iPhone上运行良好。 Mobile Safari与桌面基于标准的浏览器相同。实际上,就一些CSS规则的采用而言,更好。任何类型的JavaScript运行都很好,只要它符合iPhone的UI差异(例如,没有鼠标悬停)。

我认为这个问题更好地表达为“Slimbox2可以与Mobile Safari配合使用吗?”

答案 1 :(得分:5)

我知道这已经超过一年半了,但是这样可以帮助其他人:

我的猜测是,您的插件使用position:fixed创建叠加层(您提到的“页面变暗”)以及较大图像本身的容器可能会出现问题。网站搜索位置:在Mobile Safari上修复将为您提供更多有关此主题的进一步阅读!

似乎因为Mobile Safari认为“视口”是整个页面而不仅仅是可见部分,所以position:fixed往往不能像我们期望的那样工作。我和另一个jQuery插件有同样的问题,它为我创建了一个“模态”窗口,其症状与你描述的非常相似。

我正在尝试解决这个问题:(A)消除位置:固定并更改为位置:绝对,而(B)根据身体的整个高度和窗口的“scrollTop”手动设置高度和“顶部” jquery属性。我认为一些好的旧浏览器嗅探在这里可能会有所帮助,因为到目前为止这个浏览器只需要这个“hack”。

答案 2 :(得分:3)

根据Jeff在其中一个早期播客上的说法,堆栈溢出在iphone上工作,而堆栈溢出使用jQuery,所以这是肯定的,jQuery可以在iphone上运行。

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