More than 5 years have passed since last update.

Railsで<link_to>にclassを指定してもJavascriptでは呼び出せない！？

Last updated at 2018-07-15Posted at 2018-06-23

#問題(エラー)
Railsでアプリケーションを作成していて、モーダルウィンドウをjsファイルからclickイベントで呼び出そうとしたが反映されなかった。以下、エラーが出ていた時のソースコード。(bg-modalについては割愛)

script.js

$(function(){
  $('.login').click(function(){
    $('.bg-modal').fadeIn();
  });
});

application.html.erb

<li>
  <%=link_to("ログイン", "/login", { :class => "login"})%>
</li>

#原因

link_toタグにloginクラスを指定していたこと。

#試したこと
link_toタグからliタグにclassを指定し直したらjsが反映された。

application.html.erb

<li class="login">ログイン</li>

原因はわからないが、とりあえず同じように悩んでいる人がいたら上記を試してみて下さい。