問題タブ [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 投票する
2 に答える
2388 参照

jquery - github ソース ブラウザの移行はどのように行われますか?

何を言っているのかわからない人のために: https://github.com/ThePixelDeveloper/pixel-pagination

ディレクトリまたはファイルをクリックすると、github がコンテンツを左にスライドして新しいコンテンツを表示します。コンテンツの読み込みがpjaxで行われていることは理解しており、この部分をダウンさせましたが、移行に本当に苦労しています。問題は、移動中のコンテナーに新しいコンテンツが読み込まれるため、画面の端から消えて、アニメーションが完了するのを待たないことです。

私の質問は、新しい pjax コンテンツを新しいコンテナーにロードするにはどうすればよいですか? それが判明したら、コンテンツが読み込まれたらコンテナ全体を左にスライドさせて表示するだけです。

0 投票する
5 に答える
12902 参照

jquery - pjax は「流動的な」ナビゲーションに適していますか?

多くの不必要な HTTP リクエストや変更されていない HTML の繰り返しレンダリングを行わずに、高速で滑らかなエクスペリエンスをユーザーに提供したいので、pjaxを使い始めました。

私のサイトではかなりうまく機能しており、経験にどれほどの違いがあるかを考えると、立ち上げて実行するのは驚くほど簡単だったと言わざるを得ません.

ただし、 pjaxのサポートはほとんどありません- StackOverflowと一般的な Web の両方で ( Google 検索では、Web 開発とはまったく 関係のない多くの結果が上部に返されます)。

しかし、まだ広くサポートされていなくても、私はそれを使っていることに感銘を受けました。私の主な懸念は、多くのサポートなしで既にコードを投資したときに、後で大きな問題が発生することです。だから、他に何もないことを確認したかったのです。

私が気付いていないpjaxが提供するのと同じ機能を実装するための代替手段はありますか? それともあまりにも新しいので、まだ知らない人が多いのでしょうか? または、それは単に悪い/問題のある実装ですか?

0 投票する
6 に答える
6508 参照

ajax - Ajaxで動作するAdSenseのソリューションがどうしても必要です

私はこの質問がここで 尋ねられたことを知っています。しかし、これらはかなり時代遅れのようであり、AdSense for Ajaxプロジェクトは缶詰になっているようです(または少なくとも、非常にゆっくりと動いています)。

最近pjaxを統合したWebサイトがあります-基本的には、Ajaxを使用してメインのコンテンツ領域だけをロードし、JavaScriptを使用してブラウザの履歴と戻る/転送機能を維持しますhistory.pushState。サイトのすべての外部シェル(javascript、css、images)に対してHTTPリクエストを実行する必要がなくなったため、サイト全体の応答性。

しかし、AdSenseはAjaxでは動作しません-少なくともネイティブでは動作しません。iFrameソリューションについて読んだことがありますが、iFrameとAjaxのようで、pjaxソリューションはうまく連携しません。

私がやっていることは、AdSenseの使用法に関する限り、悪意のあることではありません。ユーザーがリンクをクリックすると、ページナビゲーションごとに1セットの広告が表示されます。完全なページレベルのHTTPリクエストを実行しているだけではありません。

そこにオプションはありますか?誰かがこのようなことをしましたか?または、AdSense for Ajaxプロジェクトの更新を知っている人はいますか?

私はこれを理解する必要があります。できない場合は、AdSenseではなくpjaxを選択する可能性があります。つまり、ビジネスプラン全体を再ハッシュする必要があります。うーん。

前もって感謝します。

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

pjax - Pjax History が機能しない - 私だけですか?

PJAXライブデモをチェックするとき - http://padrino-pjax.heroku.com/ 履歴(戻るボタン)が機能しません!私はそれに関するドキュメントを見つけることができません.履歴機能を台無しにすると役に立たないようです.

これがどうあるべきか誰か教えてもらえますか?

私がチェックしたのは、3 つのリンクをたどり (「PJAX を使用する」ボックスをチェックすることを忘れないでください)、クリックして戻ると、2 番目ではなく最初のリンクに移動したことです。

ありがとうございました

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

jquery - すべての画像がjquery ajax / jquery pjaxをロードするのを待ちます

これは、私がやろうとしていることのスニップセットです

jQueryにすべての画像がロードされるのを待ってから何かを実行するように頼む公式の方法のようですが、それはjquery ajaxリクエストの後でした。

下部にあるように、html(data) からのすべての画像を提供する準備ができた後に html(data)// Make it happenを返そうとしていますが、どうにかしてそれを行うことはできますか?

ありがとう!

アダム・ラマダン

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

python - DjangoでAJAXを使用したページ切り替え

AJAXを使用してサイトナビゲーションを作成しようとしています。さまざまなビューへのリンクを含むナビゲーションメニューがあります({% url name %}テンプレートで使用)。私がやろうとしているのは、AJAXを使用してページコンテンツをロードすることです。ロードしようとしているページコンテンツは、コンテンツブロック()で囲まれています{% block content %}

このスニペットhttp://djangosnippets.org/snippets/942/も見つけましたが、すでに定義したビューを使用し、ajaxを使用してのみコンテンツを取得したいと思います。

助言がありますか?

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

django - django-pjaxでリダイレクトをどのように処理する必要がありますか?

私はdjango-pjaxを使用していますが、pjax 応答を返す可能性のあるビュー内からリダイレクトする方法がわかりません。

リダイレクト ショートカットを使用すると、次のようになります。

おそらく、django-pjax は HttpResponse オブジェクトではなく TemplateResponse オブジェクトを必要とするためです。しかし、TemplateResponse オブジェクトはリダイレクトを処理しないため、どうすればよいかわかりません。

任意のガイダンスをいただければ幸いです。

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

ajax - Symfony 1.4とpjax(ajax pushstate)?

symfony:http: //www.symfony-project.org pjax:https ://github.com/defunkt/jquery-pjax

こんにちは、みんな、

私はウェブサイトを高速化するためにsymfonyでpjaxを使用しようとしています(ほとんどの場合、ヘッダーとフッターを静的に保つことができ、多くのcss / jsやその他のファイルのリロードを回避できます)。

ajaxやsymfonyに問題はありませんが、もっと良い方法があるかどうか知りたいです。

  1. postExecuteを使用して、sfがテンプレートにまったくアクセスせずにhtmlコードをすぐに返すことをお勧めしますか?
  2. もしそうなら、どういうわけか私はこれをすべてのモジュールに対して一度だけ書くことができますか?私は私ができることを想像します:

    mySfActionsはsfActionsを拡張します

    moduleActionsはmySfActionsを拡張します

もっと良い方法があるのだろうか?3.コントローラー/アクション内で現在のレイアウト名(モジュールのview.ymlで定義されている)を取得する方法はありますか?

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

javascript - jQuery UI ダイアログと pjax

私はいくつかの jQuery UI ダイアログを持つ Web アプリで pjax を使用しています。

私が直面している問題は、ダイアログの作成に使用される div 要素が、ダイアログの作成時に dom 内のコンテナーから移動されることです。

pjax が新しいページをロードするとき、pjax がコンテンツをロードするコンテナー内に存在しなくなるため、ダイアログ div は破棄されません。pjax がダイアログでページに戻ると、div 要素の 2 番目のコピーが読み込まれ、dom に存在する重複した要素のためにすべてがバグになります。

この問題に対するエレガントな解決策を見つけた人はいますか? jQuery UI ダイアログ呼び出しによって行われたすべての dom 変更をクリーンアップする方法はありますか?

また、この問題は pjax に固有のものではないことにも言及する必要があります。$("#mycontainer").load("page-with-dialog.html"); を単純に使用すると、同じことが起こります。

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

ruby-on-rails - Ajax (pjax) のページネーションは、他の ajax リクエストの後で壊れます

メインのナビゲーションとページネーション (kaminari) に pjax を使用しています。ページ内で、ページ上のいくつかのアイテムの状態を変更するために ajax 呼び出しを行います。ajax 呼び出しは、ページネーションを含むパーシャルを更新します。問題は、ajax リクエストの後、pjax 化されたページネーションが壊れることです。次/前のページへのリンクを表示する代わりに、ページネーションのすべてのリンクが最後の ajax 呼び出しと同じになりました。

ajax リクエストの後に呼び出されるテンプレートは、toggle_state.js.erb です。

ajax 呼び出しの後にレンダリングされる部分的な「リンク」を次に示します。