Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

rails and bootstrap: Uncaught ReferenceError: jQuery is not defined

I created a simple webapp integrating bootstrap 3 in a rails 3.2.17 application, following this procedure found on stackoverflow, so without using a gem but manually copying the bootstrap files in the relevant app directories.

Even if i have, in my gem file:

gem 'jquery-rails' 

i can still see, inspecting my web page with chrome, the error:

Uncaught ReferenceError: jQuery is not defined  

My page is a "normal" html page in public directory. Maybe it doesn't "inherit" all the assets stuff? The code is like this:

  <!DOCTYPE html> <html> <head>     <title>Bootsrap Test 01</title>     <link rel="stylesheet" href="/css/bootstrap.css">     <script src="/js/bootstrap.min.js" type="text/javascript"></script> </head>  ... 

I've not yet tried but i guess that javascript based feature won't work.

like image 601
AgostinoX Avatar asked Apr 08 '14 21:04

AgostinoX


1 Answers

Assuming that after adding gem 'jquery-rails', you have ran bundle install command.

Make sure you have following in app/assets/javascripts/application.js

//= require jquery //= require jquery_ujs //= require bootstrap.min   // Add it after jquery and jquery_ujs 

EDIT

You will need to explicitly include jQuery before including /bootstrap.min.js. For example :

<!DOCTYPE html> <html> <head>     <title>Bootsrap Test 01</title>     <link rel="stylesheet" href="/css/bootstrap.css">     <script src="/assets/jquery.js" type="text/javascript"></script>     <script src="/assets/jquery_ujs.js" type="text/javascript"></script>     <script src="/js/bootstrap.min.js" type="text/javascript"></script> </head> 
like image 126
Kirti Thorat Avatar answered Sep 17 '22 16:09

Kirti Thorat