問題タブ [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.
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の保証はできません。
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 アプリでターボリンクを機能させたいと考えています。何が悪いのか分からないのも気分が悪いです。どうすればこれを解決できますか?
ruby-on-rails - Turbolinks で Twitter ウィジェットを再表示するにはどうすればよいですか?
Rails 4 で Turbolinks を使用していて、ユーザー プロファイル用の Twitter ウィジェットを含むランディング ページを表示し、別のページを表示してからランディング ページに戻ると、Twitter ウィジェットは JS ウィジェットではなくなります。 . 単なるプレースホルダー リンクです。この場合、Twitter ウィジェットを再初期化するにはどうすればよいでしょうか。
ruby-on-rails - Rails 4 と Turbolinks を使用した Facebook のコメント
Turbolinks が有効になっている Rails 4 アプリに Facebook ソーシャル プラグイン (特にコメント) を追加するのに問題があります。私はTurbolinks issue #62の例に従いましたが、うまくいきませんでした。
ここでターボリンクのソリューションも試しましたが、機能しませんでした。
この回答に従って、ターボリンクページの明らかなタイプミスを修正しても機能しませんでした。
SDK が読み込まれておらず、コンソールにエラーが表示されていません。
コード:
--
ありがとう。助けてくれて本当にありがとう。
ruby-on-rails - Rails 4 の Turbolinks で Youtube スタイルの読み込みバーを作成するには?
ターボ リンクを使用して Youtube スタイルの読み込みバー (トップ バーのページ間) を作成する方法はありますか。
Turbolinks にはさまざまなコールバックがたくさんあるので、いくつかのステップでジャンプするコールバックを作成できますが、進行状況にもフックする方法はありますか?
ruby-on-rails - Rails アプリケーションでのハンドラーの奇妙な動作
リソースアイテムを含むレールアプリケーションがあります。いくつかのハンドラーを追加すると、ページが変更されるとそれらが削除されることに気付きました。
addfundform はデフォルトで非表示になっており、addfund をクリックすると、addfundform フォームが表示されます。
addfund ボタンをクリックすると、フォームが表示されます。ただし、キャンセルボタンをクリックすると消えます。(まだ何も追加していないので、これはおかしいです) この後、addfund ボタンは何もしません。ハンドラーが削除されたかのように。また、商品ページに行かないと。新しいアイテム ページに移動してからアイテム ページに移動すると、ハンドラーがロードされていません。
私はajax経由で何もフェッチしていないので、これはかなり奇妙です。これは Rails4 アプリです。ターボリンクに関するエラーが表示されましたが、これ以上はわかりません
jquery - ターボリンクを使用し、SEO のために各ページに固有のメタ タグを付けるには?
問題は、ターボリンクを使用する方法と、各ページに固有のメタ タグを使用する方法です。
application.js は次のとおりです。
アプリケーションのレイアウト ビューは次のとおりです。
ダッシュボードの CoffeeScript は次のとおりです。
アプリケーション レイアウトの上部:
ダッシュボードとレポートの間でクリックを行ったり来たりすると、クリックするたびに表示されるタイトル タグが期待どおりに変更されます (ターボリンクは毎回タイトルを更新します)。ただし、メタ タグは、ページ全体を更新するまで変更されません。
特定のヘッド要素のターボリンクを破壊するにはどうすればよいですか?
独自のメタ情報を含むページに移動するすべてのリンクに data-no-turbolink を追加すると、ターボリンクを維持するメリットがわかりません。
github のターボリンクの問題を読み、他の人が質問をしましたが、解決策が見つかりませんでしたか? うまくいけば、明らかな何かが欠けています。
css - リンクをクリックしてもメニュー アイコンでメニューが開かない
Rails 4 と Foundation 4 を使用してアプリを開発しています。ディスプレイが小さいときにメニュー アイコンのメニューを非表示にする Foundation 4 のトップバー ナビゲーション要素を使用しています。
私が抱えている問題は、ページが最初に読み込まれたとき (直接ページに移動するか、ページを再読み込みした後) にしかメニューを切り替えることができないことです。リンクをクリックすると、ページが更新されるまでメニューが機能しなくなります。
Chome のデバッガーを開くと、
それがChromeのバグであることを示したように見えるグーグルですが、Firefoxも私の電話も機能しません。
トップバーのコードは次のとおりです
これを機能させる方法についてのアイデアはありますか? トップバーの css を変更しておらず、Foundation 4.3.1 を使用しています。
jquery - Rails 4 Turbolinksの戻るボタンとpagesCachedによる複数のイベントバインディング
$(document).on "page:change" でイベントをバインドします... イベント バインドの例は次のとおりです。
これは、ユーザーがリンクをクリックすると正常に機能します...
この問題は、ユーザーが戻るボタンと進むボタンをクリックすると発生します。「page:change」は別のイベント バインドをトリガーするため、イベントが 2 回バインドされました (これは jquery トグル機能の問題です)。この二重バインディングが発生するのは、pagesCached がページのキャッシュされた DOM をロードするだけで、以前にノードにバインドされたイベントがあるためだと思います。
pagesCached を無効にすることはできますが、別の解決策はありますか?
jquery - Turbolinks の使用時にイベントをバインドするにはどうすればよいですか?
テキスト領域が空白の場合、フォームの投稿を停止したい。jQuery と Turbolinks を使用しています。にバインドする必要がありますがajax:beforeSend
、動作させることができます:
フォームを送信してもアラートが表示されません。理由はありますか?
ajax経由でフォームをリモートでロードしています。