問題タブ [jquery-mobile-pageshow]

2 つの問題があります。

1) ヘッダーの後にパネルの html コードを含めると、画像が適用されません 2) クリックすると SocialStream.html ページを開くボタンがあり、パネル (またはスワイプ イベント) が機能しませんボタンのクリックによるものである場合、ページの更新時にのみ機能します。

これが私のhtmlページで、ページロード用のjavascriptがあります。

私のアプリケーションのほぼすべてのページには、コンテンツをロードしてイベントリスナーを登録するための独自の pageinit および pageshow 関数があります。最後に約 20 のリスナーがあるので、それらをすべてまとめた方が jqms のパフォーマンスが向上するかどうかを自問しています。

それ以外の

1ページごとに？

少し面倒なことを見つけたので、あからさまに間違ったことをしていないことを確認したいと思います。jquery-mobile 1.4 を使用しています。

ダイアログとしてモデル化された dialogpage.html を呼び出す mainpage.html があります。ダイアログページには <div data-role="page" id="dialogpage" data-dialog="true"> があります。

ダイアログページには、次のようにdivページに添付されたpageshowイベントもあります

私が見つけたのは、このダイアログページを開くたびに、追加の pageshow イベントが呼び出されることです。これが意味することは、ダイアログを初めて開いたときに、コンソールに「pageshow dialogpage」が 1 回出力されるということです。ダイアログを 2 回目に開くと、ダイアログが 2 回表示されます。ページを 3 回目に開くと、3 回印刷されます。

ページを開くたびに、pageshow イベントが何度も追加されているようです。ある意味、これは理にかなっていますが、対処するのはかなり面倒に思えます。

私の解決策は、次のようなバインド解除イベントを追加することです。

これにより、「pageshow dialogpage」が複数回印刷されるのを防いでいるようです。しかし、これは、ダイアログ ページ内のすべてのイベントをアンバインドする必要があるということですか?

私は何か間違ったことをしていますか？

$(":mobile-pagecontainer")動かない。私は使用する必要があります$(document)。次のコードに何か問題がありますか?

ただし、次のようにページを変更する場合は機能します。

ありがとう。

jquery モバイルの内部リンクでは、各ページを個別に処理できるように、各ページ div に一意の ID を追加する必要があるようです。ページ div 自体は動的に jquery モバイルによって生成されているため、これらの div に動的 ID を追加するベスト プラクティスは何ですか?

編集:現在、次のように新しいページをリクエストしています:

nextpage は動的 URL です。このアプローチを使用して、ページングを許可します。

フルスクリーン ヘッダーを使用したい jQuery モバイル プロジェクトに取り組んでいdata-position="fixed" data-fullscreen="true"ます。私が直面している問題は、ヘッダーがコンテンツに割り込んでいるということです。

ヘッダーの動きに合わせてコンテンツを移動させる方法を見つけようとしています。したがって、ヘッダーが表示されている場合はコンテンツが押し下げられるため、ヘッダーが表示されていない場合はコンテンツが押し上げられて空白が最小限に抑えられます。

これを行う唯一の方法はmargin-top、 data-role を使用して div の css ルールを動的に変更することcontentです。これは簡単だと思いましたが、そうではありません。

これが私のhtmlです：

これまでのところ、次のjQueryソリューションを試してみましたが、うまくいきませんでした:

と

これらのソリューションは両方とも、ヘッダーの高さプロパティをキャプチャしようとします。私が知ることができることから、ヘッダーの設定がdata-position="fixed" data-fullscreen="true"常に 0 の高さを示しています。

たくさんの<br/>タグを追加したり、空の div を追加したりするなど、他の解決策を見てきました。これらのソリューションはすべて、ヘッダーが表示されていないときに空の空白を保持します。ヘッダーが表示されているかどうかに基づいて、実際にヘッダーのコンテンツを上下に切り替える方法を知っている人はいますか?

外部jqueryモバイルページに遷移したいのですが、遷移が呼び出されたときにトリガーされるイベントはありません:

これは私のHTMLのコンテンツです:

イベントを使用する方法はありますか？