問題タブ [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.
javascript - Rails4、Turbolinks、select2: オブジェクト [object Object] にはメソッド 'select2' がありません
誰かがこれで私を助けることができますか、私はエラーを受け取ります:
ターボリンクを使用してリンクを通過する場合。しかし、ページをリロードするとselect2が機能します。
アプリケーション.js
events.js.コーヒー
私はこれを何時間も解決しようとしたので、誰かがこれを手伝ってくれることを願っています.
ruby-on-rails - Filepicker.io クロスドメイン制限 [Rails4 + Turbolinks]
Rails 4 サイトの Filepicker.io に問題があります。具体的には、Filepicker.io ウィジェットを介してファイルをアップロードしようとすると、次の JavaScript エラー メッセージが表示されることがあります (約 50% の確率で)。
これは、Chrome と Firefox の両方で発生します。私の仮定では、Filepicker.io はAccess-Control-Allow-Origin: *
ヘッダーを返す必要がありますが、そうではありません。ただし、他のサイトでは Filepicker.io を使用しましたが、この問題は発生していません。Turbolinks が原因ではないかと考えています。
診断情報
私の JavaScript 呼び出しは次のとおりです。
そして、次の方法で Filepicker ライブラリ ( HTML 内<head>
)をロードします。
に<iframe>
は、次の HTTP 要求/応答があります (Chrome デバッグ ツールから)。
リクエスト
応答
また、バグを再現した遊び場を含めました: Playground Environment
filepicker.io - ファイルピッカーとターボリンクをうまく連携させるには?
Rails 3.2、ターボリンク、Filepicker.io を使用して Web アプリを開発しています。
このように API キーをロードします (coffeescript)。$(document).ready
ファイルピッカースクリプトは最初のリクエストで一度ロードされるので、これで十分だと思います。
Filepicker に次の (coffeescript) をロードします。jquery-turbolinks
ターボリンクのサポートを jquery に直接組み込む gemを使用していることに注意してください。
ページに直接アクセスすると、ファイルピッカーは期待どおりに機能します。ただし、ターボリンク リクエストを使用してページにアクセスすると、ファイルをアップロードできません。
フォームを開いたり、Dropbox を参照したりできますが、アップロード時に次のエラー メッセージが赤色で表示されます。
再試行しても役に立ちません。
Chrome 28.0 のコンソールでエラー メッセージを確認したところ、次のことがわかりました。
更新 2013-07-29 「プロトコル、ドメイン、およびポートは一致する必要があります」
現在のコードを実稼働環境にプッシュしました。これは、(開発) ページの SSL 暗号化が欠落していることが原因であることがメッセージに示されているためです。
残念ながら、これだけが問題ではありません
ruby-on-rails - Facebook SDK と rails 4 Turbolinks
javascript Facebook SDK を Rails 4 アプリケーションに高速にロードするのに苦労しています。ターボリンクで正しく動作させる良い方法はありますか?
このコードを JS アプリケーション アセットに追加すると。ターボリンクが原因で正しく機能していません:
ありがとう
ruby-on-rails - オリジンが「https://www.facebook.com」のフレームが、オリジンが「http://myapp.herokuapp.com」のフレームにアクセスするのをブロックしました。
このメッセージが無制限に (ループのように) 表示され、ウェブサイトが壊れます
Rails 4.0.0 (ターボリンク付き)
エラーメッセージ
オリジンが「 https://www.facebook.com 」のフレームが、オリジンが「 http://app.herokuapp.com 」のフレームにアクセスするのをブロックしました。アクセスを要求するフレームのプロトコルは「https」、アクセスされるフレームのプロトコルは「http」です。プロトコルが一致する必要があります。
Facebook.js.コーヒー
ページコントローラー
FBlike (ヘルパー)
jquery - Javascript が最初のロードで機能しない
jquery UI datepicker を使用していますが、問題があります。私の日付ピッカーは最初のロードでは機能しません。検索して、windows.loadの代わりにdocument.readyを試してみましたが、うまくいきません:/私のコードは次のとおりです:
他の人の回答を見ていますが、誰も私と一緒に働いていません。私のプロジェクトはRails 4にあり、ターボリンクを使用しています
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
この問題を解決する方法についてのアイデアはありますか?
javascript - Rails 4ターボリンクはフォームを複数回送信します
Rails 3 では問題なく動作するコードを使用していますが、Rails 4 では動作しません。Turbolinks が原因だと思いますが、それについてはよくわかりません。問題を解決するためにこれ以上深く掘り下げることはできません。コードは次のとおりです。
見る:
コントローラ:
そしてjs:
このコードについて 2 つの質問があります。まず、このようなコントローラー コードは機能しません。js コードはクライアントに転送されますが、実行されませんrender layout: false
。そのアクションの最後に追加する必要があります。Rails 3 ではこれは必要ありません。
2 番目の質問: 最初にこのページにアクセスしてページをリロードすると、コメント機能が動作しますが、他のページからリンクをクリックしてこのページにジャンプすると、このフォームを送信すると ajax リクエストが複数回呼び出され、複数のコメントが作成されます
広告のおかげで
ruby-on-rails - Rails 4 と Turbolinks でアセットを動的にロード
私はapplication.html.erbでRails 4アプリに取り組んでいます。次のコードがあります
これにより、現在のページに応じて特定のアセットを読み込むことができます。したがって、特定のアクションのショーテンプレートで、次のようなことができるかもしれません
これはうまく機能し、ページの構造をすっきりとシンプルに保つのに役立ちます。私が今抱えている問題は、ターボリンクがこれらのアセットを完全に無視し、次のリンクをクリックしても読み込まないことです。私は周りを見回しましたが、この問題に対する答えが見つからないようです。どんな助けでも大歓迎です。
ruby-on-rails - Rails Controller は、Turbolinks が要求するかどうかを確認します
Turbolinks gem を使用する Ruby on Rails 4 アプリケーションを開発しています。リンクをクリックすると、レイアウトはサーバー側でレンダリングされますが、Turbolinks JavaScript はこのレンダリングされたコンテンツから本文を取得するだけです。私の質問は、コントローラー側で、要求が Turbolinks 経由で行われたかどうかを判断できるかどうかです。基本的に、Turbolinks 経由でリクエストが行われた場合、不要なコードを実行しないようにレイアウトを false に設定します。私の ApplicationController には、次のコードが既にあります。
このコードは、jQuery 経由で AJAX リクエストを行う場合、AJAX リクエストがヘッダーをレンダリングするのを防ぎますが、Turbolinks に関しては何もしていないようです。