jquery.mobile 共通のlayout_jqueryで発生した問題の概要

最近のプロジェクトでは、jquery.mobile を使用して携帯電話上にシンプルなディスプレイを作成しました。私はこのフレームワークについては以前から知っていただけで、実際に遊んだことはありませんでした。

特にイベント バインディングに関しては、デスクトップ システムと比較すると、ブラウザはあらゆる点で不快であり、意味がわかりません。

以下に示すように、バックエンド システムで作業する場合、左側には通常、展開したり折りたたんだりできるモジュールと下位のメニュー項目が表示されます。

私の問題は、ページを再利用するために、コメント表示用の蓄積レビューに iframe が埋め込まれていることです。

最初のしきい値

モバイル WEB 開発の経験がある学生は、IOS ブラウザの iframe にコンテンツが多すぎると、スクロール バーが表示されず、コンテンツが切り取られたように見えることを知っているはずです。

情報を確認してやっと分かりました。やっぱり携帯電話の画面は小さいので、コメントが多いとパソコンのブラウザのようにページ送りボタンが並ぶのは無理です。本当に悪いです。

現在では、ローリングロードが一般的に使用されています。まずデモを作成して、コンピューター上で実行してください。携帯電話を変更して、最初はAndroid携帯電話で試してみましたが、うまくいくと思います。

iPhone に切り替えてもスクロール バーの問題は解決しただけですが、スクロールの読み込みはまだ残っています。何度もスワイプしても反応がなく、心が寒くなりました。ここで何か変なことを言いたいのですが、QQ と WeChat では許されています。それは本当に変です。

このまま無駄なことを続けていても結果は出ないので、別の方法を見つけたほうがいいでしょう。最初に考えたのは、これを別のページで行うことでした。 そこで、2 番目の閾値に遭遇しました。