我正在一个网站上工作,我使用slimbox2插件(类似于灯箱)为jquery生成照片放大。
该插件适用于我尝试的每个浏览器,但iPhone上的Safari除外。它在Safari for Windows上按预期工作,但在iPhone上有两个问题:
我已经在这里阅读过,因为jquery应该可以在iphone上正常工作但是由于定位和淡化似乎是基本的jquery功能,我想也许这不完全正确。它当然也可以是插件......
所以我的问题是:jquery真的在iphone上工作,如果没有,有人知道如何让它工作吗?
非常感谢!
答案 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)
这可能是Safari中的一个错误。在苹果机器上尝试,看看它是否在那里工作。