問題タブ [pjax]

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 投票する
1 に答える
7025 参照

ajax - PJAX リクエストへのデータの追加

私は PJAX を使用しており、単純な例ではうまく機能していますが、PJAX 要求でいくつかの高度なことを実行できるようにする必要があります。

  1. 各 PJAX リクエストにいくつかのデータを追加したいと思います。追加したいデータは、実際にはオブジェクトの配列です。以下の例を参照してください。
  2. ajax 呼び出しには GET ではなく POST を使用する必要があるかもしれません。
  3. content-type を「application/json」に変更する必要があるかもしれません。

私は次のものを持っています...

色々なアプローチを試みた...

  • jQuery.ajaxSetup を使用していくつかのデフォルト値を設定します (データを設定できますが、_pjax データ要素が追加されません。タイプを POST に設定しようとしましたが、固執しませんでした。)
  • beforeSend ハンドラーで jqXHR オブジェクトを変更しようとしています
  • beforeSend ハンドラーで設定オブジェクトを変更しようとしています

すべての試みは私にさまざまな問題をもたらします。

なぜこれが難しいのかわかりません。どんな助けでも大歓迎です!

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

jquery - Rails で PJax を使用して Doc Ready にすべての jQuery 変数をロードする

このフォーラムとインターネットでこれに対する回答を検索しましたが、正しい解決策が見つからないようです/完全には理解していません...

私は以前、単純なスライドショーを表示するための Rails アプリケーションをセットアップしていました。ここでは jQuery を使用して、コンテナーを移動して次の「スライド」を表示します。次に、pxax を実装して、ページ全体ではなく歩留まりのみをロードすることにしました。私のjQueryを除いて、これはすべて正常に機能します。on() デリゲートを追加すると、イベントが再び発生することがわかりましたが、window = $(window) や div = $(div) などの初期変数は機能しなくなりました。

具体的には、presentation_carousel div の動的なサイズ変更が発生しなくなりました。また、ドキュメントの準備ができているタグ内に標準の console.log を追加すると、それが起動されなくなることもわかりましたか?

誰かがpjaxが標準のjQueryでどのように機能するかを説明できればいいのですが、誰かが私のコードで私を助けてくれればいいですか?

関数内で変数を使用せず、代わりに毎回 dom をクロスすることで、すべてが機能するようになりました。ただし、これは少しハッキーに感じました...

これに関するヘルプやアドバイスは大歓迎です。私は Rails を初めて使用しますが、jQuery の乾燥と改善に関する提案はいつでも受け付けています。

ありがとうございました

編集: レイアウトの application.html.erb から実行します。これは、yield が呼び出される唯一の場所であり、メイン コンテナー div 内にあります。

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

php - PJAXが機能しない

時間の変更が表示されるため、pjax が機能しません。

私のコードに何か問題がありますか。

ベスト、MJ

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

jquery - なぜpjaxしないのですか

いらっしゃいませ、

今日、私はpjaxを見つけて配置することにしましたが、サイトからファイルをコピーすることさえできませんでした。

それを機能させる方法は?すべてここに記入します

ちなみに、クリックしたときにいくつかのブロックpjaxを更新することは可能ですか?

前もって感謝します!

私のコード:

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

javascript - Dojo PJAX ライブラリー

jQuery ユーザー向けのjquery-pjaxと同様に、Dojo でも同じことがサポートされていますか (Dojo 1.7.x を使用しているユーザー向け)?

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

ruby-on-rails - Pjaxは一部のページでのみ機能します

私はこれが以前にここで尋ねられたのを見ましたが、私の問題を解決するために提案された解決策を使用することができませんでした。基本的に、私は自分が取り組んでいるサイトにrails pjax gemを実装しましたが、それは一部のコンテンツでしか機能しません。ホームページとリンクの初期レベルはpjax-yの方法で読み込まれませんが、後続のすべてのページは読み込まれます。

これは、サイトの利回りが宣言されている唯一の場所です。

作業サイトへのリンクは次のとおりですhttp://core.giffordteam.com編集:ライブサイトにプッシュ

この問題に関するご意見をいただければ幸いです。すべてではありませんが、一部のページがどのように機能しているかは非常に混乱しています。

ありがとうございました

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

jquery - Pjax サファリの問題

ページの一部だけを pjax スクリプトで読み込むのに問題があります。最終的には Chrome と Firefox で動作しますが、iPad の safari (最新バージョン) では動作しません。pjax heroku デモ サイトをチェックすると、スクリプトは問題なく動作します (問題は私の側にあります)。

私が使用しているコードは次のとおりです。

リンクの例もここにありますhttp://bluereservations.com/pjax.php

Chrome または Firefox を使用している場合、スクリプトは要求された部分のみをロードしますが、Safari ではページ全体がロードされます。

何が問題なのか考えはありますか?

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

ruby-on-rails - Rails 3は、画像をリロードせずに部分的にレンダリングします

パーシャルをレンダリングするビュー「edit.html.erb」があります。

「edit.js.erb」内に、何かが更新されるたびにパーシャルをリロードする次の行があります。

パーシャルは、各項目の画像といくつかのボタンを含む一連の項目を含むテーブルです。部分的に変更されているのはボタンだけです。送信が成功すると、ボタンの状態が切り替わり、追加されたことを示します。

問題は、リクエストが発生したときに画像が点滅する方法が気に入らないことです。アイテムはスクロール可能なセクション内にもあり、毎回状態が失われます。

完全なパーシャルをレンダリングせずにボタンの状態をロードする良い方法はありますか? または、クライアントが毎回画像を要求するのを止める簡単な方法はありますか?

私はいくつかの読書をして、pjaxとbackbone.jsを見つけました。どちらも良い方法ですか、それともこれを行うためのより簡単なレールの方法はありますか?

ありがとう、マイク

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

jquery - pjax でオーバーレイを実装する最良の方法

現在、pjax を使用してフラグメントを読み込み、サイト ページのメイン ページをオーバーレイしています。次に、ボディ クラスを jquery で変更して、スタイリングをいくつか変更できるようにします。これは問題ありませんが、pjax トリガーのクリックでボディ クラスの変更がトリガーされ、ボディがオーバーレイのクラスを維持するため、ブラウザーの [戻る] ボタンが機能しません。

私が探している効果は、プロジェクトをクリックしたときのこのサイトと非常によく似ています。

http://www.watsonyc.com/

明らかにこれは機能していないので、より良い方法があるはずです。

これが私のコードの例です:

0 投票する
2 に答える
12161 参照

javascript - pjaxロードの前後にjQueryを実行する方法は?

現在pjaxを使用していますが、うまく機能しますが、pjaxが新しいURLをロードする前と新しいURLがロードされた後に2つのjQuery関数を実行する必要があります。

次の 2 つのバリエーションを試しましたが、どちらもうまくいかないようです。

最初の試み:

2 回目の試行: