問題タブ [jquery-mobile-ajax]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
928 参照

jquery - Jquery Mobile が Wordpress 管理バーと競合する

Wordpress サイトで Jquery Mobile を使用しています。サイト内のすべてが完全に正常に機能しています。サイトのフロント エンドにいる場合にのみ、管理バーに影響します。管理オプションはクリック可能ですが、通過しません。

私はそれがAJAXで何かを持っていると推測しています。

サイトのバックエンドにいるときは、管理バーが機能します。私は疲れました:

しかし、それはうまくいきませんでした。jQuery Mobile と関係があることは確かです。他の誰かがこの問題を抱えていますか? どうすればこれを修正できますか?

これらは私が使用しているバージョンです:

jquery-1.8.3.min.js

jquery.mobile-1.3.0-beta.1.min.js

ワードプレス 3.5.1

0 投票する
1 に答える
4124 参照

jquery - jquery mobile を使用した動的ドロップダウンの作成

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

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

作業コード:

0 投票する
0 に答える
42 参照

javascript - Jquery Mobile - ajax 経由でページをロードすると、複数のトランジションが機能しない

jqm でアプリケーションを開発しています。これには、2 つのページのウェルカム ページと調査ページがあります。ウェルカム ページにはアンケート ページへのリンクがあります。アンケート ページは多段階のレイアウトで、すべての質問が 1 つのページに表示され、スライド トランザクション効果のある次の前のボタンが表示されます。リンクフォームのウェルカムページをクリックすると、次の前のボタンが機能しなくなりましたが、調査ページを手動で更新すると正しく機能します

0 投票する
1 に答える
131 参照

jquery - ajaxenabled falseの後にjquery uiが機能しない

次を使用して ajaxenabled false を設定した後:

選択可能なテーブルが機能しない

しかし、 ajaxenabled を true に設定するとすぐに機能し始めますが、 ajaxenabled false で機能させる方法はありますか? ありがとうございました!

0 投票する
1 に答える
7236 参照

jquery-mobile - JQM 1.4 - 特定のページ/セレクターで pagecontainer イベントを使用する好ましい方法は何ですか?

jQuery Mobile v1.4、2014 年 2 月です。

そのため、ここ (gihub)で、読み込まれたページが意図したものであるかどうかを判断するためifに、キャッチされたイベントに関するステートメントを作成することになっていることを読みました。pagecontainer

これは、新しい pageContainer ウィジェットの意図された動作とその用途を理解するための小さなシナリオです。

そのように単純なログインページで、ウェルカムページをプログラムでプリフェッチし、ログインに成功するとウェルカムページに切り替えます。ウェルカム ページには、ページをアニメーション化するためのJS スクリプトが含まれており、ページが表示されている場合にのみ起動する必要があります。どうやってそれを行うのですか?

コンソールからpagecontainer イベントを調査しているときに得た結果を次に示します。ここでの私の目標は、ようこそ (実際には任意のページ) ページアクティブ/表示されていることを検出する方法を見つけることです。

理解のために、この形式をクエリとして使用しました。


初めてページとJQMをロードしたとき(つまり、新たなスタート/Users/login

使用可能なイベント:

  • pagecontainercreate => 空の UI
  • PCbeforetransition => ui.toPage使用可能
  • PCshow => ui.prevPage のみを取得します (その場合は空です)
  • PCtransition => ui.toPage使用可能

現在、トランジション効果を無効にしても、これらは常に起動されます ( api を参照) 。


わかりました、それから私はプログラムでページをロードしたいです(プリフェッチします)、私はそうします:(欲しい/Users/welcome

これらのイベントが開始されます (ページはまだ表示されていません):

  • PCbeforeload => ページを識別するために使用できる URL を取得します。
  • PCload => PCbeforeload とほぼ同じデータ

よし、ではページを変更します : (to /Users/welcome)

これらのイベントがトリガーされます。

  • PChide => ui.nextPageは ui.toPage と同じです...
  • PCbeforetransition => ui.toPage使用可能
  • PCshow => ui.prevPage のみを提供します
  • PCtransition => ui.toPageが期待どおりに存在する

これで、このページがロードされていることを確認するために使用したい唯一の pagecontainer イベントはpagecontainertransition. JS を起動する必要があるすべてのページに実装したものは次のとおりです。

ページコンテナの ID を設定する(PHP)

...ページの最後(JS)

ui.toPageさて、ご覧のとおり、 1st child[0]と比較するために$('.selector')1st child を参照してい[0]ます。それは正しい方法ですか?つまり、新しい API によって意図された方法です。知識を共有していただきありがとうございます;)

0 投票する
1 に答える
912 参照

jquery - JQuery パネルのプッシュ後に Google マップが消える

JQuery Mobile で Google マップを使用していますが、メニュー (パネル) をクリックしてスライドして開くとマップが消えるという問題があります。

家

ここに画像の説明を入力

これは私のJS関数です:

追加してみました

しかし、どういうわけかうまくいきません。誰かがこれで私を助けることができれば感謝します。

ありがとう!

編集:

マップは表示されるようになりましたが、ajax 呼び出しで作成されたメニューはカバーされています

ここに画像の説明を入力

メニューのコードは次のとおりです。

HTML マークアップは次のようになります。

これが私がmenu.htmlを呼び出す方法です