I've thoroughly searched through both StackOverflow and Google, but come up empty. So apologies in advance if this has been asked & resolved already.
NB: I'm a newbie at jQuery, so I'm not sure how to write this up myself. I'm sure this is an easy snippet of code, but can't wrap my head around it.
What I'm looking to do is use a
placement : 'bottom',
trigger : 'hover'
<a href="" rel="popover" data-class="dynamic-class" title="Title goes here" data-content="Content goes here">
<div class="popover ... dynamic-class">
<!-- remainder of the popover code as per usual -->
Based on what @bchhun wrote and a lot of head scratching, I felt I should answer my own question, as I got it working. I also noticed this had been favourited and liked, so I hope I'm helping someone else who is a newbie at jQuery like myself.
In the current Bootstrap build [v2.1.0], the scripts are all consolidated. So if you have included all of the scripts in your build (and not edited any new lines/taken some out), then head to line 1108 of the un-minified
.js file. You'll find the following bit of code:
$tip .css(tp) .addClass(placement) .addClass('in')
You're going to be adding a new line to this, which is:
So now whenever you add
data-class to the popover call, it will add the attribute to the
<div class="popover"> div.
Now that I see it, it's so obvious :)