問題タブ [turbolinks]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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