問題タブ [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 投票する
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 が読み込まれておらず、コンソールにエラーが表示されていません。

コード:

--

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

0 投票する
7 に答える
8985 参照

ruby-on-rails - Rails 4 の Turbolinks で Youtube スタイルの読み込みバーを作成するには?

ターボ リンクを使用して Youtube スタイルの読み込みバー (トップ バーのページ間) を作成する方法はありますか。

Turbolinks にはさまざまなコールバックがたくさんあるので、いくつかのステップでジャンプするコールバックを作成できますが、進行状況にもフックする方法はありますか?

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

ruby-on-rails - Rails アプリケーションでのハンドラーの奇妙な動作

リソースアイテムを含むレールアプリケーションがあります。いくつかのハンドラーを追加すると、ページが変更されるとそれらが削除されることに気付きました。

addfundform はデフォルトで非表示になっており、addfund をクリックすると、addfundform フォームが表示されます。

addfund ボタンをクリックすると、フォームが表示されます。ただし、キャンセルボタンをクリックすると消えます。(まだ何も追加していないので、これはおかしいです) この後、addfund ボタンは何もしません。ハンドラーが削除されたかのように。また、商品ページに行かないと。新しいアイテム ページに移動してからアイテム ページに移動すると、ハンドラーがロードされていません。

私はajax経由で何もフェッチしていないので、これはかなり奇妙です。これは Rails4 アプリです。ターボリンクに関するエラーが表示されましたが、これ以上はわかりません

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

jquery - ターボリンクを使用し、SEO のために各ページに固有のメタ タグを付けるには?

問題は、ターボリンクを使用する方法と、各ページに固有のメタ タグを使用する方法です。

application.js は次のとおりです。

アプリケーションのレイアウト ビューは次のとおりです。

ダッシュボードの CoffeeScript は次のとおりです。

アプリケーション レイアウトの上部:

ダッシュボードとレポートの間でクリックを行ったり来たりすると、クリックするたびに表示されるタイトル タグが期待どおりに変更されます (ターボリンクは毎回タイトルを更新します)。ただし、メタ タグは、ページ全体を更新するまで変更されません。

特定のヘッド要素のターボリンクを破壊するにはどうすればよいですか?

独自のメタ情報を含むページに移動するすべてのリンクに data-no-turbolink を追加すると、ターボリンクを維持するメリットがわかりません。

github のターボリンクの問題を読み、他の人が質問をしましたが、解決策が見つかりませんでしたか? うまくいけば、明らかな何かが欠けています。

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

css - リンクをクリックしてもメニュー アイコンでメニューが開かない

Rails 4 と Foundation 4 を使用してアプリを開発しています。ディスプレイが小さいときにメニュー アイコンのメニューを非表示にする Foundation 4 のトップバー ナビゲーション要素を使用しています。

私が抱えている問題は、ページが最初に読み込まれたとき (直接ページに移動するか、ページを再読み込みした後) にしかメニューを切り替えることができないことです。リンクをクリックすると、ページが更新されるまでメニューが機能しなくなります。

Chome のデバッガーを開くと、

それがChromeのバグであることを示したように見えるグーグルですが、Firefoxも私の電話も機能しません。

トップバーのコードは次のとおりです

これを機能させる方法についてのアイデアはありますか? トップバーの css を変更しておらず、Foundation 4.3.1 を使用しています。

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

jquery - Rails 4 Turbolinksの戻るボタンとpagesCachedによる複数のイベントバインディング

$(document).on "page:change" でイベントをバインドします... イベント バインドの例は次のとおりです。

これは、ユーザーがリンクをクリックすると正常に機能します...

この問題は、ユーザーが戻るボタンと進むボタンをクリックすると発生します。「page:change」は別のイベント バインドをトリガーするため、イベントが 2 回バインドされました (これは jquery トグル機能の問題です)。この二重バインディングが発生するのは、pagesCached がページのキャッシュされた DOM をロードするだけで、以前にノードにバインドされたイベントがあるためだと思います。

pagesCached を無効にすることはできますが、別の解決策はありますか?

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

jquery - Turbolinks の使用時にイベントをバインドするにはどうすればよいですか?

テキスト領域が空白の場合、フォームの投稿を停止したい。jQuery と Turbolinks を使用しています。にバインドする必要がありますがajax:beforeSend、動作させることができます:

フォームを送信してもアラートが表示されません。理由はありますか?

ajax経由でフォームをリモートでロードしています。