6

私は、jquery 用の slimbox2 プラグイン (ライトボックスに似ています) を使用して写真の拡大を生成する Web サイトに取り組んでいます。

このプラグインは、iPhone の Safari を除いて、私が試したすべてのブラウザで動作します。Windows の Safari では期待どおりに動作しますが、iPhone では 2 つの問題があります。

  • ページの残りの部分が暗くなるのは、ページの上部、ビューポートの高さ (ページの上部 400px としましょう) についてのみ発生し、それより下の部分はすべてそのまま残ります。
  • 大きな画像自体は、ビューポートの中央ではなく、ページのちょうど中央に配置されます。

SO のどこかで、jquery は iphone で問題なく動作するはずだと読んだことがありますが、ポジショニングとフェードは基本的な jquery 機能のように見えるので、それは完全に真実ではないのではないかと考えています。もちろん、プラグインでもかまいません...

私の質問は次のとおりです。jquery は本当に iphone で動作していますか? もしそうでなければ、動作させる方法を知っている人はいますか?

どうもありがとう！

4

3 に答える 3

5

私はこれが1年半以上前のものであることを知っていますが、これが他の誰かを助ける場合に備えてここに行きます：

私の推測では、これはposition:fixed、オーバーレイ（前述の「ページの暗さ」）と大きな画像自体のコンテナの両方を作成するために使用するプラグインの問題である可能性があります。Mobile Safariでposition：fixedをWeb検索すると、このテーマについてさらに多くの情報が得られます。

Mobile Safariは「ビューポート」を表示部分だけでなくページ全体と見なしているため、position：fixedは期待どおりに機能しない傾向があるようです。私は、あなたが説明したものと非常によく似た症状で、私のために「モーダル」ウィンドウを作成する別のjQueryプラグインでこれと同じ問題を抱えています。

私は現在、（A）position：fixedを削除し、position：absoluteに変更することでこれを回避しようとしていますが、（B）ボディ全体の高さとウィンドウの「scrollTop」jqueryプロパティに基づいて高さと「top」を手動で設定しています。この「ハック」はこれまでのところこの1つのブラウザにのみ本当に必要なので、古き良きブラウザのスニッフィングがここで役立つかもしれないと思います。

于 2010-09-14T21:27:03.473 に答える
5

jQuery は iPhone で正常に動作します。Mobile Safari は、デスクトップと同じ標準ベースのブラウザーです。実際には、いくつかの CSS ルールの採用に関しては、より優れています。どんな種類の JavaScript も、iPhone の UI の違いに適合する限り (マウスオーバーがないなど)、問題なく動作します。

この質問は、「Slimbox2 は Mobile Safari で動作しますか?」という表現の方が適切だと思います。

于 2009-02-03T22:56:45.777 に答える
3

Jeff によると、初期のポッドキャストの 1 つでスタック オーバーフローは iPhone で機能し、スタック オーバーフローは jQuery を使用しているため、そうです。jQuery は iPhone で機能します。

Safariのバグかもしれません。Apple マシンで試して、そこでも動作するかどうかを確認してください。

于 2009-02-03T21:40:31.233 に答える