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

javascript - WordpressでのPJAXの使用

PJAXをWordpressのインストールに統合しようとしていますが、使用しているコードは次のとおりです。

私は彼らがPJAXデモページに持っているデモをたどっていますが、彼らが使用したコンテナ(#main)を私のWordpressテーマのコンテナであるに置き換えてい#middlewrapます。

コンソールに奇妙なエラーは表示されませんが、どちらも機能しません。助けに感謝します!

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

ajax - 最初のページ読み込みの*後*にgmaps4railsを使用してマップを描画する

フルページロードなしでサーバーから現在のページにhtmlをロードすることにより、オンデマンドでgmaps4railsを使用してマップをロードしたいと思います。私は基本的に、pjaxのようにajaxを使用してタブを偽造しています:

http://pjax.heroku.com/

この手法は、レールへのajax呼び出しをトリガーする特別なリンクであり、レールはビューのjsonレンダリングを返します。このjsonは、divターゲットとそのサブツリーを置き換えます。

gmaps4railsを使用して、最初のページに他のマップがない場合に、最初のページのロードにマップを描画するために必要なすべての要素をロードするにはどうすればよいですか?通常のgmaps(..)またはgmaps4rails(..)ヘルパーは機能していないようです。

PS!gmaps4railsとajax呼び出しに関するstackoverflowに関する他の質問がありますが、これらのいずれもこの種の手法に合わせて調整されていません。通常のページでも機能しない有望なテクニックは次のとおりです(アセットパイプラインでRails 3.1を実行しています): Gmaps4railsを使用したAJAX呼び出しによるGmapのレンダリング

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

ruby-on-rails - レール付きpjax3.1redirect_pjax_toはテキストのみをレンダリングします

プロジェクトにpjax-railsgemを使用しようとしています。

gemからredirectメソッドを使用する場合。ブラウザは応答をテキストとしてレンダリングします。script/javascriptの代わりにtext/javascriptを想定しています。

これが私のコントローラーの外観です(redirect_to_pjaxに注意してください):

これは宝石ですhttps://github.com/rails/pjax_rails

これは、メソッド「redirect_pjax_to」の元の実装です。魔法はここで発生すると思います...(githubから取得)

ここでrender:jsにはcontent_typeが必要だと思います...

誰かが同じ問題を抱えていますか?またはより良い解決策はありますか?

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

jquery - pjaxでコントローラーとアクションの名前を取得しますか?

私のアプリケーションでは、次の手法を使用しています。

と一緒にpjaxで送信する方法はあり#containerますか?

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

jquery - jQuery Pjax:pjax化されたリンクを頻繁にクリックするとjqueryにアクセスできなくなりますか?

私はChrisWanstrathのjqueryPjaxプラグインを使用しています。別名、Defunkt、ここでデモを行います:http: //pjax.heroku.com

デモとまったく同じように機能します。ただし、pjaxリンクの頻繁なクリックやブラウザの戻る/進むボタンと相関しているように見える場合があります。レイアウトファイルがjqueryにアクセスできなくなり、pjax()機能が機能しなくなります(つまり、選択したhrefのページ全体の読み込みが発生します) 。

これが単なるブラウザのJavaScriptエンジンの速度低下(chromeとfirefoxの両方、およびxampp localhostとpjax.heroku.comで発生)であるかどうか疑問に思っていました。クリックイベントとajax呼び出しが多すぎると、ブラウザが混乱し、すでに読み込まれているものが無視されます。 javascript(つまり、jquery)。

この仮説が意味をなすかどうかはわかりませんが、現時点で無計画と思われることについて他に説明はありません。

どんな考えでも大歓迎です、ティム

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

javascript - pjaxでgithubスタイルのページトランジションを作成する方法

かつて、githubページの移行はpjaxによって行われるという記事を読んだことがありますが、jquery-pjaxプロジェクトを確認しました。私は答えに近いと思います。それはイベントpjax:startに関連するものであるに違いありませんがpjax:end、それでもうまくいかないので、ここで助けを求めようとしています。

しかし、効果はありません

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

jquery - document.ready が pjax でトリガーされない

開発中のアプリで pjax を試していますが、ちょっと壁にぶち当たりました。

多分私はこれについて間違った方法で行っているので、説明させてください。

アプリの上部にメイン メニューがあり、さまざまなセクションがあります。このメニューの各リンクは pjax 対応です。つまり、アプリケーションの本体のみが変更されます。

通常、pjax のないリンクをクリックすると、document.ready メソッドがトリガーされます。これを使用して、次の例のようにイベントをボタンにバインドします。

ここに私のusers.js.coffeeファイルがあります

この例でわかるように、「users」ページの読み込みが完了すると、フォームを div に読み込み、アニメーション化して表示するイベントにボタンがバインドされます。

ただし、管理者の別のセクションで開始し、[ユーザー] リンクをクリックしてこのボタンを表示すると、イベントはバインドされません。[ユーザー] セクションでページをリロードすると、document.ready がトリガーされ、ボタンが正常に機能します。

イベントをボタンにバインドするためのより良い手法はありますか、または pjax で document.ready をトリガーする方法はありますか?

ありがとう。

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

jquery - jquery pjax request sending twice

I have a rails app and I keep getting a weird behavior with pjax requests. When I look into my development logs I could see that two requests are being made. The first request is pjax and the next one is not. As a result the page still reloads.

I appreciate if anyone could help me with this.

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

ajax - pjax (ajax ベースのページ読み込み) とユーザー スクロール

長いページがほとんどなく、 pjaxを使用したいとします。1 ページを最後までスクロールし、pjax のリロードを呼び出すリンクをクリックすると、2 ページ目のビューポートがページの最後から開始されます (pjax がないと、ブラウザーはページの上部から開始されます)。

私が見る他の欠点は、戻るボタンをクリックすると、前のページのビューポートが再び保持され、前のページの状態に戻らないことです。

この動作は煩わしく、使用できません。標準ブラウザの動作をpjaxでシミュレートすることは可能ですか?

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

jquery - Rails PJAX htmlファイルではなくパーシャルをロードする

Rails で PJAX を使用してタブ ベースのメニューを作成しています。

私は PJAX を動作させています。通常のページをロードすると、正しい div にコンテンツがロードされます。ただし、コンテンツのスニペットを含むパーシャルをロードしたいだけです。たとえば、誰かが「About」をクリックすると、単純なレイアウトである部分的な「アプリケーション/機能」が読み込まれます。

現時点では、上記のコードは何もロードしません, または div 内の同じページ. つまり、リンクをロードしたページは、ターゲット div 内で再ロードされます。

これは私のpages.jsです

コントローラーにもこれがあります

これにより、レイアウトのレンダリングが停止します。

これは私のdivです:

私が本当に達成したいのは、部分的なレンダリングです。可能であれば、リンク元のタブを強調表示する方法。つまり、現在のタブ...