問題タブ [turbolinks]

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 に答える
1617 参照

facebook-javascript-sdk - Facebook Like Box ソーシャル プラグインが Turbolinks で機能しない

Like Box ソーシャル プラグイン ( https://developers.facebook.com/docs/reference/plugins/like-box/ ) を使用していますが、うまく機能します。

問題は、Turbolinks を使用する Rails 4 アプリケーション内で使用していることです。ページをリロードするたびに、いいねボックスが表示されます。リンクをクリックすると、次のページが読み込まれ、いいねボックスが表示されません。

私はすでにこれを試しましたが、うまくいきませんでした=/

http://reed.github.io/turbolinks-compatibility/facebook.html

この問題を解決する方法についてのアイデアはありますか?

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

javascript - Rails 4ターボリンクはフォームを複数回送信します

Rails 3 では問題なく動作するコードを使用していますが、Rails 4 では動作しません。Turbolinks が原因だと思いますが、それについてはよくわかりません。問題を解決するためにこれ以上深く掘り下げることはできません。コードは次のとおりです。

見る:

コントローラ:

そしてjs:

このコードについて 2 つの質問があります。まず、このようなコントローラー コードは機能しません。js コードはクライアントに転送されますが、実行されませんrender layout: false。そのアクションの最後に追加する必要があります。Rails 3 ではこれは必要ありません。

2 番目の質問: 最初にこのページにアクセスしてページをリロードすると、コメント機能が動作しますが、他のページからリンクをクリックしてこのページにジャンプすると、このフォームを送信すると ajax リクエストが複数回呼び出され、複数のコメントが作成されます

広告のおかげで

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

ruby-on-rails - Rails 4 と Turbolinks でアセットを動的にロード

私はapplication.html.erbでRails 4アプリに取り組んでいます。次のコードがあります

これにより、現在のページに応じて特定のアセットを読み込むことができます。したがって、特定のアクションのショーテンプレートで、次のようなことができるかもしれません

これはうまく機能し、ページの構造をすっきりとシンプルに保つのに役立ちます。私が今抱えている問題は、ターボリンクがこれらのアセットを完全に無視し、次のリンクをクリックしても読み込まないことです。私は周りを見回しましたが、この問題に対する答えが見つからないようです。どんな助けでも大歓迎です。

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

ruby-on-rails - Rails Controller は、Turbolinks が要求するかどうかを確認します

Turbolinks gem を使用する Ruby on Rails 4 アプリケーションを開発しています。リンクをクリックすると、レイアウトはサーバー側でレンダリングされますが、Turbolinks JavaScript はこのレンダリングされたコンテンツから本文を取得するだけです。私の質問は、コントローラー側で、要求が Turbolinks 経由で行われたかどうかを判断できるかどうかです。基本的に、Turbolinks 経由でリクエストが行われた場合、不要なコードを実行しないようにレイアウトを false に設定します。私の ApplicationController には、次のコードが既にあります。

このコードは、jQuery 経由で AJAX リクエストを行う場合、AJAX リクエストがヘッダーをレンダリングするのを防ぎますが、Turbolinks に関しては何もしていないようです。

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

ruby-on-rails - iPad ですべてのファイル フィールド入力が無効になっているのはなぜですか

Rails 4 アプリには、S3 にアップロードする 2 つのファイル フィールド入力を含むフォームがあります。

最初のファイル フィールドは Carrierwave を使用し、もう 1 つは S3 に直接アップロードするために s3_file_field gem に接続されていますが、iPad でページを表示すると両方が無効になります。他のプラットフォーム/ベンダーには、この問題はありません。また、入力が単独で提示されている場合にも見られます。

Turbolinks に iPad 固有の問題があるかどうか疑問に思っています。Rails UJS が原因でしょうか? 価値のあるものとして、s3_file_field gem が 2 番目のファイル入力をハイジャックするために使用するコードを次に示しますが、どのプラットフォームでもいずれかのファイル フィールドが無効になる可能性がある方法がわかりません。

とても奇妙です。iPad でも HTML コードを読み取ることができないため、トラブルシューティングが非常に困難です。Linux、Windows、Mac、Android ではすべて問題ありません。ただし、iPhoneの保証はできません。

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

ruby-on-rails - 「アダプターの仕様を認識できませんでした」Rails 4 のターボリンク関連のエラー

私はRails GuidesのGetting Startedwelcomeの部分に従っていて、チュートリアルに従ってコントローラーを作成しました。サーバーを起動して開いたところ、表示されるはずだっhttp://localhost:3000/たのではなく<h1>Hello, Rails!</h1>、エラーが発生しましたDid not recognize your adapter specification.

application.html.erbエラー ブロックは、ファイルの HTML の一部であり、これは問題のある行でした。

この行をファイルから削除すると、期待どおりに機能します。jsonエラーをグーグルで検索したところ、またはcoffeescript宝石と関係がある可能性があることがわかりました。railsこれらの gem をおよびgemとともにインストールして最新の状態にしてturbolinksいます。私が知る限り、それらはすべて正常に動作しているようです。

これは必須ではありませんが、Rails アプリでターボリンクを機能させたいと考えています。何が悪いのか分からないのも気分が悪いです。どうすればこれを解決できますか?

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

ruby-on-rails - Turbolinks で Twitter ウィジェットを再表示するにはどうすればよいですか?

Rails 4 で Turbolinks を使用していて、ユーザー プロファイル用の Twitter ウィジェットを含むランディング ページを表示し、別のページを表示してからランディング ページに戻ると、Twitter ウィジェットは JS ウィジェットではなくなります。 . 単なるプレースホルダー リンクです。この場合、Twitter ウィジェットを再初期化するにはどうすればよいでしょうか。

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

ruby-on-rails - Rails 4 と Turbolinks を使用した Facebook のコメント

Turbolinks が有効になっている Rails 4 アプリに Facebook ソーシャル プラグイン (特にコメント) を追加するのに問題があります。私はTurbolinks issue #62の例に従いましたが、うまくいきませんでした。

ここでターボリンクのソリューションも試しましたが、機能しませんでした。

この回答に従って、ターボリンクページの明らかなタイプミスを修正しても機能しませんでした。

SDK が読み込まれておらず、コンソールにエラーが表示されていません。

コード:

--

ありがとう。助けてくれて本当にありがとう。