Where should my javascript live in my Rails 4 app

Question

I'm trying to work out where I should put the following snippets of code in my Rails 4 app in order for them to be included in the asset pipeline.

The following is used on my form:

<input id="tag" type="text" name="tags" value="">

<p>
<a class="tag">aaa</a><br/>
<a class="tag">bbb</a><br/>
<a class="tag">ccc</a><br/>
<a class="tag">ddd</a><br/>
<a class="tag">eee</a>
</p>

Where should the following code be placed so that is is triggered by the above html?:

$('a.tag').live('click', function(e){
$('#tag').val(this.innerHTML);
return false; 
});

Here is working example http://jsfiddle.net/Kaf3V/4/

UPDATE: The JS, is being loaded correctly, but simply doesn't work in Rails 4(?)

Thanks

I maybe be off topic but, you really need to switch to link.on() at some point. The syntax is $('#aParentElement').on('click', '#targetElement', function(e){. Just a thought. EDIT, linklive have been removed from the new versions of jquery, so any update the jquery script would brake the script. — webLacky3rdClass
– webLacky3rdClass, Commented Dec 16, 2013 at 20:36
i did some blogs posts (long ago) on javascript and rails asset pipeline that might be worth taking a look at: jessehouse.com/blog/2011/05/29/rails-31-javascript-execution AND jessehouse.com/blog/2011/05/26/rails-31-asset-pipeline — house9
– house9, Commented Dec 16, 2013 at 20:46

Donovan · Accepted Answer · 2013-12-16 20:41:24Z

1

Put them in app/assets/javascripts/some_file.js

If you haven't modified your app/assets/javascripts/application.js file, rails should pick it up next time you start your server.

answered Dec 16, 2013 at 20:41

Donovan

15.9k4 gold badges25 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

Where should my javascript live in my Rails 4 app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related