【问题标题】:Does jquery work on the iphone´s safari?jquery 可以在 iphone 的 safari 上运行吗?
【发布时间】:2009-02-03 21:34:49
【问题描述】:

我正在使用 jquery 的 slimbox2 插件(类似于 lightbox)来生成照片放大的网站。

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

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

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

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

非常感谢!

【问题讨论】:

    标签: jquery iphone plugins safari


    【解决方案1】:

    我知道这已经有一年半的历史了,但如果这对其他人有帮助:

    我的猜测是,这可能是您的插件使用position:fixed 创建覆盖(您提到的“页面变暗”)以及更大图像本身的容器的问题。在 Mobile Safari 上对 position:fixed 进行网络搜索将为您提供有关此主题的大量进一步阅读!

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

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

    【讨论】:

    • 谢谢!覆盖层确实有position:fixed,所以这意味着它不是 jquery,而是移动 safari 的 css 处理。没想到!
    【解决方案2】:

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

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

    【讨论】:

    • 这也是一种可能,我也联系了开发者。但是,我认为您的问题对于 SO 来说有点过于具体了。
    【解决方案3】:

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

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

    【讨论】:

    • 谢谢。有苹果的朋友确认它在他的电脑上运行良好。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-08
    • 1970-01-01
    • 2011-05-13
    • 2016-06-03
    • 1970-01-01
    • 2013-09-02
    相关资源
    最近更新 更多