問題タブ [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.
jquery - 別のページからリンクした後、Rails の JQuery が失敗し、ページの読み込みで動作する
ホームページで使用する引用ローテーターがあります。ブラウザーから直接ページを読み込むと (ブラウザーにアドレスを入力して Enter キーを押します)、正常に動作します。より具体的には、メソッドの 2 つのインスタンスが実行されているかのように、引用符がオーバーラップし始めます。
javascriptの読み込み方に問題があるのではないかと思います。サイト内の別のページにタブ スクリプトがあり、正常に読み込まれるため、リンクしてページに戻ると機能しなくなります...
コンソールでエラーを受信しません。
Rails 4、Ruby 2.0.0、Foundation を Ubuntu 12 で実行しており、テストには WebBrick を使用しています。以下に投稿されたGemfile:
脚本:
アプリケーション.js
javascript - Railsターボリンクとフェード効果のトラブル
日付ターボリンク コールバックに問題があります。変更ページにフェード効果を作成したい。私はこのコードを試しました:
しかし、「page:restore」は起動せず、「page:fetch」が発生すると、ページが突然新しいコンテンツで更新されます。
ruby-on-rails - Rails アプリ: アセットのプリコンパイルに失敗しました
Rails アプリを Heroku にプッシュしようとしていますが、次のエラーが発生しました。
「ファイル「turbolinks」が見つかりませんでしたが、「turbolinks」は私のgemfile(添付)にあります。
javascript - シンボル「ターボリンク」を解決できません
Railsのチュートリアルをやっています。Turbolinks がインストールおよび更新され、すべてが gemfile にありますが、app/assets/javascripts/application.js では、シンボルを解決できないというエラーが表示されます。詳細を確認したい場合は、github リポジトリがhttps://github.com/torin555/sample_appにあります。
javascript - Rails 4: ターボリンクで $(document).ready() を使用する方法
Rails 4 アプリで JS ファイルを「Rails 方式」で整理しようとしているときに問題が発生しました。以前は、さまざまなビューに散らばっていました。それらを個別のファイルに整理し、アセット パイプラインでコンパイルしました。ただし、ターボリンクがオンになっている場合、jQuery の「準備完了」イベントが後続のクリックで発生しないことを知りました。ページを初めてロードすると、機能します。ただし、リンクをクリックしても、その中の何もready( function($) {
実行されません (ページが実際に再度読み込まれないため)。良い説明: here .
私の質問は次のとおりです:ターボリンクがオンになっているときにjQueryイベントが適切に機能することを保証する正しい方法は何ですか? Rails 固有のリスナーでスクリプトをラップしますか? それとも、レールにはそれを不要にする魔法があるのでしょうか? ドキュメントは、特に application.js のようなマニフェストを介して複数のファイルをロードすることに関して、これがどのように機能するかについて少しあいまいです。
ruby-on-rails - Rails/Link_to/Haml/turbo-links で 2 つのパラメーターを渡す
2 つのパラメーターを渡そうとしていますがdata-no-turbolinks
、mobile
これは機能します:
(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} }