問題タブ [pjax]

YUI pjax 呼び出しに追加のパラメーターを追加する方法はありますか?私が見つけた唯一のイベント ハンドラーは、ロード、ナビゲート、エラーのようなものでした。pjax 呼び出しを行う前のハンドラーはありません。pjax呼び出しの構成属性を使用しても、これに対するヘルプは見つかりませんでした。

デフォルトの呼び出しが次の場合のようです。

追加された動的なものは次のようになります。

param の値は呼び出し時に変更できます。

どんな助けでも大歓迎です..ありがとう。

PJAXを使用してページ全体を読み込み、ブラウザのページ URL を変更することは可能ですか?

私の目的は、最初に応答を準備して、メニューページリンクをクリックした後、またはJavaScript関数を実行した後、長時間ページを更新せずに読み込まれることを確認することです.

PJAXを使用してみましたが、選択した要素が要求を表示する必要がある場所にロードするための応答データを提供するものです。

お気に入り：

私が欲しいと私は試しました：

しかし、うまくいきませんでした。

あなたの助けと提案に感謝します。ありがとうございました！

したがって、2 つの異なるナビゲーション ヘッダーを持つ Rails アプリケーションがあります。1 つは大部分のページで使用され、もう 1 つは少数のページでのみ使用されるナビゲーション ヘッダーです。さらに、ナビゲーションは application.html.erb ページ (アプリケーションのすべてのページ間で共有) に読み込まれるため、ユーザーがページを更新しない限り、ナビゲーション html がサーバーから更新されることはありません。また、各ページは (pjax を使用して) ajax を介して読み込まれるため、異なるナビゲーション ヘッダーを必要とする 2 つのページ間を移動しても、ナビゲーション ヘッダーは更新されません。

可能な解決策がいくつかありますが、持っているすべてのビューにコードを追加する必要がないので、それらは好きではありません。主な解決策は、ナビゲーション ヘッダーを (グローバルな application.html.erb ではなく) ビューに移動するか、すべてのページに JavaScript を追加して、ナビゲーションが正しいものであることを確認し、そうでない場合はそれを置き換えることです。しかし、それを置き換えるために、部分的でモデルからのデータを含むhtmlをロードする方法がわかりません。

注: 各 URL に直接アクセスしても問題ありません。

これはかなり一般的な問題であると思われるため、簡単なアプローチが欠けているように感じますが、検索中に何も見つかりません。

編集：そして私はjqueryを使用しています

pjaxを使用してページとURLを制御しているので、ナビゲーションボタンを押すと、コンテンツとURLの一部が更新されずに変更されます。

しかし今、私はページ内にFacebookコメントプラグインを挿入するという問題に直面しています。これは、Facebookコメントプラグインが初めて表示されたときにのみ機能しますが、ページを別のページからFacebookコメントプラグインページに移動すると、もう機能していません。このページをナビゲートするたびに、「// connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxx」を削除してリロードしようとしましたが、結果はまだです。同じように、誰かがこの問題を解決するのを手伝ってくれませんか？どうもありがとう。

私のコードは以下の通りです：-

//index.phpの一部

一部のリンクは PJAX でラップされています。ユーザーが PJAX リンクをクリックすると、サーバーは HTML の必要な部分のみを返します。

私が次のことをした場合：

1. PJAXリンクをクリック
2. シンプルなリンクをクリック
3. 戻るボタンを押す

ブラウザーには、PJAX 要求によって返されたコンテンツが表示されます。表示されるのは HTML の一部にすぎないため、HTML は破損します (この質問を確認してください)。

PJAX 応答 (Cache-Controlヘッダー) をキャッシュしないことで、これを修正しようとしました。これで問題は解決しましたが、別の問題が発生しました。ユーザーが戻るボタンを押すと、WebKit (Chrome 20.0) がサーバーから完全なコンテンツをロードpopstateし、不要な PJAX 要求を引き起こすイベントを発生させます。

正しい戻るボタンの動作を再現することは可能ですか?

作業中のページのコアはhttp://jsfiddle.net/AUCYf/1/のようになり、ユーザーが検索エンジンからこのページにアクセスすると、検索された「トグル ボックス」内のコンテンツが開かれます。AJAX をクロール可能にするためのチュートリアルをたくさん見つけましたが、タイトルで言及したスクリプトの実装に行き詰まっています。

ボタン「LINK1」をクリックすると、div1 が開き、URL は mypage.com/#link1
になります。mypage.com/#link1 に直接アクセスするときに、その div1 を開く必要があります。また、複数の div を同時に開くことができるため、このような方法はありますか mypage.com/#link1&link3

railscasts play with pjax で説明されているように、rack-pjax gem を使用して います。

しかし、私がレイアウトで抱えている問題は、アプリケーション レイアウトのメインの「yield」呼び出しの上に動的に生成されたリンクとページ ヘッダーがあることです。これらのリンクは、主な収益に基づいて動的に生成されます。動的に読み込まれた部分をdata-pjax-containerに入れていますが、その部分はまだ来ていません(見えません)。これは pjax の仕組みによるものだと思います。pjax リクエストがサーバーに送信されると、「X-PJAX」ヘッダーが送信され、サーバーはレイアウト全体をロードしません。ヘッダー。

これを回避するための提案があれば..

画面からスライドして新しいコンテンツをロードし、スライドバックする div があります。私はjquery pjaxを使用していますが、その部分はうまく機能します:

しかし、ブラウザの戻る/進むボタンが使用されている場合、機能しません。私はさまざまなことを試しました。ここで素敵な記事を見つけましたが、わかりません: http://artfindertech.wordpress.com/tag/historyapi/

問題は、ブラウザの戻るボタンをクリックした瞬間に div の内容が変わることです。その後、スライドしますが、戻りません。また、URL は 1 秒間前のページに変わりますが、サイトのメイン URL にジャンプします。popState の私のトライアルは次のとおりです。

chrome と firefox で pjax の例を試しました。サンプル コードを取得して自分のアプリに配置しましたが、それでもページ全体がリロードされます。AJAX リクエストが発生すると、#main div を更新せずにページが移動します

私は pjax を呼び出すために複数の方法を試しました。Ajax/GET は、firebug コンソールで正常に返されるようです。これは、pjax 応答を生成する私の php の例です。

バグ？

最新バージョンでは、Ajax リクエストが行われる URL の最後に追加される変数が _pjax=true ではなく _pjax=container になるというバグがあるようです。

背景:最初にアプリに到着した後、ページ全体の読み込みが発生しないようにすることを目的とした小さなアプリを構築しています。pjax_rails プラグインを実装しました。ただし、作成、更新、および破棄のアクション (および redirect_to を実行するすべてのアクション) では、ページ全体が読み込まれます。

質問: pjax を使用している間 (できれば pjax_rails gem を使用している間)、どうすればこれを回避できますか? 問題が ajax でどのように解決されるかは知っていますが、この pjax 実装ですべてを処理できれば、はるかに良いでしょう。履歴、分解性など

明確化の時間を節約するために、次のことが行われました。

Gemfile

application.js (私が知らない競合がある場合に備えて、他の要件を含めます)

また、見落としているものがある場合に備えて、application.jsで次のことを試しました

そして試した

application.html.erb