Bootstrap popover not working Rails

Question

I am having trouble with getting my bootstrap popover to work correctly in my rails application. I have tried solutions to other questions with no success.

Currently in my HTML I have:

<i class="icon-exclamation-sign" id="info" rel="popover" data-content="some info"></i>

and

<script>  
$(function () {
  $(".icon-exclamation-sign").popover();  
});  
</script>

My application.js looks like:

//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require_tree .
//= require bootstrap-tooltip
//= require bootstrap-popover

and my application.css looks like:

/*
*= require_tree .
*= require bootstrap-datepicker
*/

And I get the error: Uncaught TypeError: Object [object Object] has no method 'popover' when loading the page. What am I doing wrong?

EDIT: Also I have tried just using require bootstrap instead of tooltip and popover in my application.js with no luck.

is the script run after the DOM is fully loaded? – mind.blank Apr 03 '13 at 14:59 — mind.blank, Apr 03 '13 at 14:59
I just tried on document ready with no luck. – user1676463 Apr 03 '13 at 15:08 — user1676463, Apr 03 '13 at 15:08

score 3 · Answer 1 · answered Apr 03 '13 at 15:20

3

Try putting the code under /app/assets/javascripts/ and see if it changes anything.

/javascripts/some_name.js

$(document).ready(function() {
  $(".icon-exclamation-sign").popover();
});

Actually I think the problem is that //= require_tree . should be last, try the following:

//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require bootstrap-tooltip
//= require bootstrap-popover
//= require_tree .

Same for application.css

answered Apr 03 '13 at 15:20

mind.blank

4,820
3
22
49

Even when you changed the require order? Did you restart your server? – mind.blank Apr 03 '13 at 15:23
Yes and yes. I made /javascripts/iconpopover.js, changed require order and restarted my server. Still the same error. – user1676463 Apr 03 '13 at 15:27

score 1 · Accepted Answer · edited May 23 '17 at 12:21

1

I finally figured out the problem by following the advice here.

I had to add the line to my development.rb file:

config.serve_static_assets = false

edited May 23 '17 at 12:21

Community

1
1

answered Apr 08 '13 at 13:59

user1676463

65
1
8

score 0 · Answer 3 · answered Apr 03 '13 at 15:49

0

Try the rake assets:clean command. This should delete any legacy JS/CSS that hasn't picked up your changes.

With most browsers you can view the source of the page to check the versions of the the asset files it's using, see if your changes are being picked up in there and if they aren't, this might work.

answered Apr 03 '13 at 15:49

Jonny Wright

83
7

Ran the rake assets:clean with no luck. Page source shows the right asset files. – user1676463 Apr 03 '13 at 16:31

Bootstrap popover not working Rails

3 Answers3