Adding javascript to a rails app page

Question

I want to hide and show 2 links in my rails app

<a href="mailto:[email protected]", class="send_email">Invite</a>
<a href="", class="email_sent">Undo</a>

In my css

.email_sent{display: none;}

I added this to the bottom of the page

<%= javascript_tag do %>
 $(function(){
  $('.send_email > a').click(function(){
   $('.send_email').hide();
   $('.email_sent').show();
  });
  $('.email_sent > a').click(function(){
   $('.send_email').show();
   $('.email_sent').hide();
  });
 });
<% end %>

In console I get the following error

Uncaught ReferenceError: $ is not defined(anonymous function)

The page's source shows this

<script>
//<![CDATA[
$(function(){
$('.send_email > a').click(function(){
$('.send_email').hide();
$('.email_sent').show();
});
$('.email_sent > a').click(function(){
$('.send_email').show();
$('.email_sent').hide();
});
});
//]]>
</script>

How do I fix the javascript?

ethyl.bradtke · Accepted Answer · 2015-05-24 10:20:37Z

1

$ variable defined in JQuery library, so you should include it to your page before. Check that assets/javascripts/application.js includes this library.

FYI: your a tags has commas it can cause any rendering problems. Remove it.

answered May 24, 2015 at 10:20

ethyl.bradtke

1997 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kamesh · Accepted Answer · 2015-05-24 10:33:34Z

0

Your javascript code should be put after the following tag.

<%= javascript_include_tag "application" %>

Because the application.js file includes jQuery. your script must be loaded after the jQuery is successfully loaded. The above line of code includes application.js to your web page.

answered May 24, 2015 at 10:33

Kamesh

1,4651 gold badge14 silver badges27 bronze badges

Collectives™ on Stack Overflow

Adding javascript to a rails app page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related