モバイル デバイス (少なくとも iPhone 4 および 5) で jQuery Mobile 対応サイトをスクロールしているときに、ほとんどの場合、数秒間フリーズします。通常、最終的にクラッシュするだけで、メモリから Safari (または Chrome) を強制終了する必要があります。
原因が特定できなくて困っています。トランジションに問題があると彼らが述べていることを知っており、追加しようとしまし.ui-page { -webkit-backface-visibility: hidden }
たが、役に立ちませんでした。
実行中の 1 つ以上のスクリプトに関係している可能性があると推測しています。私のスクリプト ファイルには基本的に、デスクトップとモバイルの両方で実行される一連のスクリプトと、それぞれデスクトップとモバイル専用に実行される 2 つのスクリプト セットが含まれています。$(document).ready
共通セットは、デスクトップおよび$(document).on('pageinit)
モバイル用の条件付きの準備完了関数にラップされています。
また、デバイスに基づいて、すべてのスクリプトがデスクトップの場合はフッターに、モバイルの場合はヘッドにロードされます。ただし、メイン スクリプト ファイルは両方のフッターに読み込まれます。それ以外の場合、スクリプトはモバイルでは機能しません。
スクロール時の DOM 操作を防止する iOS が何かと競合しているかどうかは不明です。
私はサイトをリンクするだけですが、プロの機密保持とそのすべてです。
原因を推測するようにお願いしているわけではありませんが、パフォーマンスを最適化するために jQuery Mobile を使用して開発する際の基本原則の概要を教えていただければ幸いです。