問題タブ [jquery-mobile-popup]

私はタブレット インターフェイスにポップアップ コントロール エリアを作成しようとしています。経験豊富なプログラマーですが、Web ベースのプログラミングを真剣に行ったことはありません。

黒いバー (最終的にはステータス情報になります) があり、タップすると画面の下 40% にオーバーレイとして押し上げられます。この中に、インストールされているアドオンに依存するページ数で水平にスワイプすることでページをめくることができるいくつかのページの情報が必要です。

各ページは、ページのメイン部分にドラッグできるコントロール、または情報を入力または更新するための入力コントロールを備えた Web ページになります。

Jquery-mobile 機能を使用して複数のページをロードし、ポップアップでそれらを切り替えて、ロード待機がないようにしたいと考えています。入力とデータの更新は、Ajax-json 呼び出し応答によって行われます。

Web ページのカルーセルを実行する方法を見つけようとして問題が発生しています。私が試したいくつかのカルーセル JS ライブラリは、ポップアップ/スワイプ インターフェイスで奇妙に動作するようです。

これを行うための最良の方法についての推奨事項、または私がやろうとしていることの例はありますか?

ありがとう - ロバート

jquery モバイルのポップアップ アニメーションで簡単なスライドを作成しようとしています。これをデスクトップ ブラウザ (chrome と firefox) でテストしたところ、問題なく動作しました。しかし、モバイルでは、ボタンを押すと次の結果が得られます。
ポップアップは正常に表示されますが、画面の右側に空白が作成され、ユーザーが右にスライドすると表示されます。ポップアップを閉じると、この空白が削除されます。これは、「スライド」トランジションを使用してポップアップがトリガーされた場合にのみ発生します。この動作の理由を知っている人はいますか。

ウィンドウのサイズを手動で変更できますが、ポップアップがスライドインした後にどのイベントが発生するかわかりません。

（これを示す画像がありましたが、担当者が 10 人いないので投稿できません:( )

なぜこれが起こっているのか誰にも分かりません。Droid Razr Maxx (Jelly Bean を実行) でテストしています。デバイスのクロム、Firefox、およびデフォルトのブラウザーでテストしました。それらはすべて同じ結果を生成します。これが私のコードです：

3 つのメイン ページで構成されるアプリがあります。各ページは、URL、ユーザー、およびパスワードを使用してサーバーと通信します。これら 3 つの項目は、3 つのメイン画面のいずれかから jquery モバイル構成ポップアップに入力されます。

ページ 1 の構成にページ 2 からアクセスできないことが心配でしたが、フラット ファイルを使用してローカルで実行したところ問題なく動作したので、すべてのストレージが構成ダイアログによって所有されていることを確認して、行く途中です。

今、サーバーにデプロイすると、構成が保存されていないように見えます。ユーザーから構成ダイアログを再度要求し続けているからです。

構成ページに直接アクセスして値を変更し、保存すると、値が問題なく保存されることがわかりました。問題は、ポップアップとして使用する場合です。

私はJavaScriptが初めてで、次にどこに行けばよいかわかりません。ポップアップからフルページに変更できると思いますが、それで問題が解決する可能性がありますが、フローを改善するためにポップアップとして機能させたいと考えています.

ユーザーが入力テキストをクリックするとポップアップウィンドウが開き、国コード、市外局番、ローカル番号、利用可能な場合は内線番号などを入力するためのテキストが表示される電話用の入力を作成しました。ユーザーがポップアップウィンドウの入力テキストをクリックするとポップアップウィンドウが上下に移動し始めるため、コンソールログを確認すると、次のようなものが表示されることが問題であることを知っておいてください。

これがエミュレータで正常に動作している電話でのみ発生する理由を教えてください。

テキストフィールドを入力するポップアップダイアログボックスが必要なアプリを作成しているので、 jqueryモバイルサイトから例を取り、国と市外局番を含む固定電話番号を挿入するために4つの入力テキストを挿入しました。エミュレーターで実行するとポップアップダイアログが開きますが、ユーザーがテキストボックスに何かを挿入しようとすると上にスクロールするため、スクリプトでこのコードを使用して、以下に示すようにページスクロールを無効にしました。残りのテキスト ボックスはキーボードの横に隠されているため、2 つのテキスト ボックスにのみデータを挿入します。私が望むのは、ユーザーのキーボードが開いているときにページが勝手にスクロールしてはならず、ユーザーがポップアップ ダイアログをスクロールしてデータを挿入できるようにすることです。返されたコードは次のとおりです。

ページを削除...

ページのスクロールを無効にする JavaScript は次のとおりです。

前もって感謝します

内部にリストビューを含むポップアップを作成しました。リストフィルターも適用しました。ただし、正しくフォーマットされていません。少し押し上げる方法はありますか (リストの仕切りのように)?

編集：コード

jquery mobileを使用してドロップダウンリストを作成すると、次のコードが機能しません

そのコードを本文に入れると、同じコードが正常に機能します

作業コード:

画像をクリックするとポップアップするポップアップでビデオを表示しようとしています。ポップアップを閉じようとすると、右上隅にある「X ボタン」が表示され、ポップアップが閉じて再度開くことはありませんが、オーディオはバックグラウンドで再生されます。コードは次のようになります。

HTML は次のとおりです。

そこから解決策を見つけるのを手伝ってください。