jquery.mobile 共通のlayout_jqueryで発生した問題の概要-jsチュートリアル-php.cn

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

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

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

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

最初のしきい値

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

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

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

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

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

コードをコピーしますコードは次のとおりです:

そんなにバカなことするの？同僚にそのような問題が発生したかどうかを尋ねたところ、rel="external" を追加すれば大丈夫だと言われましたが、実際には機能しませんでした。したがって、コードは次のようになります:

コードをコピーしますコードは次のとおりです:

＆lt; li＆gt;＆lt; a id = "pjlist" href = "xxx" class = "ui-btn-text" rel = "external"＆gt;累積評価＆lt;/a＆gt;＆lt;/li＆gt;

注: rel='external' は target=''_blank'' と似ており、新しいページで開くことを意味します

やっと集まりました。折りたたみ可能なアイコンのデフォルトはで、リストビュー項目はアイコンを統一するための右矢印です。デフォルトでは、累積評価は上の図のようになりません。

コードは次のとおりです:

この問題は解決されました。完全なページは次のとおりです: 

コードをコピー

コードは次のとおりです:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

data-expanded-icon="arrow-u" data-collapsed-icon="arrow-d">

医院介绍

套餐相关信息

使用须知

查看地图

＆lt; div data-role = "content" stiled = "border：solid #ccc; border-width：0 1px;"＆gt;

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。