Динамически добавлять класс в контейнер Bootstrap 'popover'
Я тщательно проверил и StackOverflow, и Google, но оказался пустым. Так что заранее извиняюсь, если это было задано & amp; решено уже.
NB: Я новичок в jQuery, поэтому я не уверен, как сам это написать. Я уверен, что это простой фрагмент кода, но не могу обернуть его вокруг него.
Что я хочу сделать, так это использоватьdata-
элемент (например:data-class
или аналогичный) для добавления нового класса (или ID, я больше не привередлив!) к поповеру верхнего уровня<div>
, Код, который у меня сейчас есть, выглядит следующим образом:
jQuery:
$('a[rel=popover]')
.popover({
placement : 'bottom',
trigger : 'hover'
})
.click(function(e) {
e.preventDefault()
});
HTML:
<a href="" rel="popover" data-class="dynamic-class" title="Title goes here" data-content="Content goes here">
И в идеале вид HTML, который я бы выплюнул, выглядит примерно так:
<div class="popover ... dynamic-class">
<!-- remainder of the popover code as per usual -->
</div>
Это то, что я могу сделать? Документация на сайте начальной загрузки для popovers немного скудна, так что, к сожалению, мне потребовалось некоторое время, чтобы добраться до этого момента :(
Заранее благодарим за любые & amp; все ответы!