問題タブ [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 に答える
1041 参照

jquery - 別のページからリンクした後、Rails の JQuery が失敗し、ページの読み込みで動作する

ホームページで使用する引用ローテーターがあります。ブラウザーから直接ページを読み込むと (ブラウザーにアドレスを入力して Enter キーを押します)、正常に動作します。より具体的には、メソッドの 2 つのインスタンスが実行されているかのように、引用符がオーバーラップし始めます。

javascriptの読み込み方に問題があるのではないかと思います。サイト内の別のページにタブ スクリプトがあり、正常に読み込まれるため、リンクしてページに戻ると機能しなくなります...

コンソールでエラーを受信しません。

Rails 4、Ruby 2.0.0、Foundation を Ubuntu 12 で実行しており、テストには WebBrick を使用しています。以下に投稿されたGemfile:

脚本:

アプリケーション.js

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

javascript - Railsターボリンクとフェード効果のトラブル

日付ターボリンク コールバックに問題があります。変更ページにフェード効果を作成したい。私はこのコードを試しました:

しかし、「page:restore」は起動せず、「page:fetch」が発生すると、ページが突然新しいコンテンツで更新されます。

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

ruby-on-rails - Rails アプリ: アセットのプリコンパイルに失敗しました

Rails アプリを Heroku にプッシュしようとしていますが、次のエラーが発生しました。

「ファイル「turbolinks」が見つかりませんでしたが、「turbolinks」は私のgemfile(添付)にあります。

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

javascript - シンボル「ターボリンク」を解決できません

Railsのチュートリアルをやっています。Turbolinks がインストールおよび更新され、すべてが gemfile にありますが、app/assets/javascripts/application.js では、シンボルを解決できないというエラーが表示されます。詳細を確認したい場合は、github リポジトリがhttps://github.com/torin555/sample_appにあります。

0 投票する
19 に答える
174794 参照

javascript - Rails 4: ターボリンクで $(document).ready() を使用する方法

Rails 4 アプリで JS ファイルを「Rails 方式」で整理しようとしているときに問題が発生しました。以前は、さまざまなビューに散らばっていました。それらを個別のファイルに整理し、アセット パイプラインでコンパイルしました。ただし、ターボリンクがオンになっている場合、jQuery の「準備完了」イベントが後続のクリックで発生しないことを知りました。ページを初めてロードすると、機能します。ただし、リンクをクリックしても、その中の何もready( function($) {実行されません (ページが実際に再度読み込まれないため)。良い説明: here .

私の質問は次のとおりです:ターボリンクがオンになっているときにjQueryイベントが適切に機能することを保証する正しい方法は何ですか? Rails 固有のリスナーでスクリプトをラップしますか? それとも、レールにはそれを不要にする魔法があるのでしょうか? ドキュメントは、特に application.js のようなマニフェストを介して複数のファイルをロードすることに関して、これがどのように機能するかについて少しあいまいです。

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

ruby-on-rails - Rails/Link_to/Haml/turbo-links で 2 つのパラメーターを渡す

2 つのパラメーターを渡そうとしていますがdata-no-turbolinksmobile

これは機能します:

(1) %a{href: "#{test_path}", data: { no: { turbolink: true }}} %span Test

に変換されます


ここで、このリンクに 1 つのパラメーターを追加する必要があります。mobile

次のすべてが機能しませんでした!

(1)%a{href: "", mobile: 1, data: { no: { turbolink: true }}}または

(モバイルではなく、ターボリンクが正しく渡されました)

(2)%span= link_to "Mobile", {mobile: 1, data: { no: { turbolink: true }}}

(3)%span= link_to "Mobile", {'mobile' => 1, 'data-no-turbolink' => true }

(4)%span= link_to "Mobile", url_for('mobile' => 1, 'data-no-turbolink' => true)

(5) %span= link_to "Mobile", data: {mobile: 1, no: {turbolink: true} }