前提・実現したいこと
railsでassets/javascripts以下でjsファイルを使いたい。
発生している問題・エラーメッセージ
assets/javascriptsで以下の「header.js」を作ったが、'#{root_path}'の箇所が認識されず困ってます。
jquery
1$(document).on ('turbolinks:load', function(){ 2 var path = location.pathname; 3 if(path == '#{root_path}'){ 4 $('.nav_globe').addClass('add_line'); 5 $('.globe_icon,.globe_text').addClass('add_color'); 6 } 7 if(path == '#{follower_user_path(current_user)}'){ 8 $('.nav_thumbs-up').addClass('add_line'); 9 $('.thumbs-up_icon,.thumbs-up_text').addClass('add_color'); 10 } 11 if(path == "#{user_footprints_path(current_user)}"){ 12 $('.nav_footprints').addClass('add_line'); 13 $('.footprints_icon,.footprints_text').addClass('add_color'); 14 } 15});
以下の様に、viewのhamlに直接書く場合は読み込まれます。
haml
1%header 2 %ul 3 %li.nav_globe 4 = link_to root_path do 5 = fa_icon("globe", class: "globe_icon") 6 .globe_text 探す 7 %li.nav_thumbs-up 8 = link_to follower_user_path(current_user) do 9 = fa_icon("thumbs-up", class: "thumbs-up_icon") 10 .thumbs-up_text お相手から 11 %li.nav_footprints 12 = link_to user_footprints_path(current_user) do 13 = fa_icon("paw", class: "footprints_icon") 14 .footprints_text 足あと 15 16:javascript 17 $(function(){ 18 var path = location.pathname; 19 if(path == "#{root_path}"){ 20 $('.nav_globe').addClass('add_line'); 21 $('.globe_icon,.globe_text').addClass('add_color'); 22 } 23 if(path == "#{follower_user_path(current_user)}"){ 24 $('.nav_thumbs-up').addClass('add_line'); 25 $('.thumbs-up_icon,.thumbs-up_text').addClass('add_color'); 26 } 27 if(path == "#{user_footprints_path(current_user)}"){ 28 $('.nav_footprints').addClass('add_line'); 29 $('.footprints_icon,.footprints_text').addClass('add_color'); 30 } 31 }); 32
色々調べましたが、解決できず。
ご教授いただけませんでしょうか。
よろしくお願いします。
該当のソースコード
jquery,haml
試したこと
header.jsファイルはcosole.logを使って読み込まれていることを確認しました。
補足情報(FW/ツールのバージョンなど)
railsです
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。