Динамически добавлять класс в контейнер 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; все ответы!

Ответы на вопрос(21)

Ваш ответ на вопрос