Importing css or javascript path issue in Rails

Question

enter image description here

This is the structure, and i want to import javascript and css in fancybox folder.

So i added a code like this,

<link rel="stylesheet" type="text/css" media="all" href="/app/assets/fancybox/jquery.fancybox.css">
<script type="text/javascript" src="/app/assets/fancybox/jquery.fancybox.js?v=2.0.6"></script>

and it throws these errors,

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/app/assets/fancybox/jquery.fancybox.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/app/assets/fancybox/jquery.fancybox.js?v=2.0.6

Do i have to use, rails code?

like somekind of this?

<%= javascript_include_tag "application" %>

I'm not used to rails code, so i used original html codes. I think that is the problem, but i'm not sure how to add the path in here.

Maurício Linhares · Accepted Answer · 2013-11-13 01:43:26Z

1

Yes, the issue is at the use of HTML, as your assets are inside the assets directory, you need to serve them using the rails asset pipeline. If you want to serve them directly without going through the asset pipeline (not really recommended, but you could do it) you would have to put them at the public directory of your app instead.

At your application.css you should include the references to the CSS files (once you open it you will see examples of that) and you should do the same for your application.js file.

answered Nov 13, 2013 at 1:43

Maurício Linhares

40.4k15 gold badges127 silver badges160 bronze badges

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

2 Comments

Canna Over a year ago

Then how can i use it through asset pipe line? i'm not used to rails :(

Maurício Linhares Over a year ago

You should read Michael Hartl tutorial on it - ruby.railstutorial.org/chapters/…

Collectives™ on Stack Overflow

Importing css or javascript path issue in Rails

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related