ホームページ >ウェブフロントエンド >jsチュートリアル >jquery.mobile 共通のlayout_jqueryで発生した問題の概要
jquery.mobile 共通のlayout_jqueryで発生した問題の概要
- WBOYオリジナル
- 2016-05-16 16:14:58978ブラウズ
最近のプロジェクトでは、jquery.mobile を使用して携帯電話上にシンプルなディスプレイを作成しました。私はこのフレームワークについては以前から知っていただけで、実際に遊んだことはありませんでした。
特にイベント バインディングに関しては、デスクトップ システムと比較すると、ブラウザはあらゆる点で不快であり、意味がわかりません。
以下に示すように、バックエンド システムで作業する場合、左側には通常、展開したり折りたたんだりできるモジュールと下位のメニュー項目が表示されます。
私の問題は、ページを再利用するために、コメント表示用の蓄積レビューに iframe が埋め込まれていることです。
最初のしきい値
モバイル WEB 開発の経験がある学生は、IOS ブラウザの iframe にコンテンツが多すぎると、スクロール バーが表示されず、コンテンツが切り取られたように見えることを知っているはずです。
情報を確認してやっと分かりました。やっぱり携帯電話の画面は小さいので、コメントが多いとパソコンのブラウザのようにページ送りボタンが並ぶのは無理です。本当に悪いです。
現在では、ローリングロードが一般的に使用されています。まずデモを作成して、コンピューター上で実行してください。携帯電話を変更して、最初はAndroid携帯電話で試してみましたが、うまくいくと思います。
iPhone に切り替えてもスクロール バーの問題は解決しただけですが、スクロールの読み込みはまだ残っています。何度もスワイプしても反応がなく、心が寒くなりました。ここで何か変なことを言いたいのですが、QQ と WeChat では許されています。それは本当に変です。
このまま無駄なことを続けていても結果は出ないので、別の方法を見つけたほうがいいでしょう。最初に考えたのは、これを別のページで行うことでした。 そこで、2 番目の閾値に遭遇しました。
＆lt; li＆gt;＆lt; a id = "pjlist" href = "xxx" class = "ui-btn-text"＆gt;累積評価＆lt;/a＆gt;＆lt;
上記は累積評価部分に相当します。クリック後、ページのスタイルが完全に崩れ、js イベントが実行されません。 f12でコードを見ると、bodyのhtml要素、headの部分、ページ下部のjs以外は全て消えています。
注: rel='external' は target=''_blank'' と似ており、新しいページで開くことを意味します
collapsible listview 2 つのパートナーは相互に互換性がないため、より良いレイアウト効果を得ることができません。いじくりながら空の折りたたみリストを追加しましたが、うまくいきました。
やっと集まりました。折りたたみ可能なアイコンのデフォルトは で、リストビュー項目はアイコンを統一するための右矢印です。デフォルトでは、累積評価は上の図のようになりません。
コードをコピーします