Dynamicznie dodaj klasę do kontenera „popover” Bootstrapa

Starannie przeszukałem zarówno StackOverflow, jak i Google, ale wyszedłem pusty. Tak więc przepraszamy z góry, jeśli zostało to już zadane i rozwiązane.

Uwaga: Jestem nowicjuszem w jQuery, więc nie jestem pewien, jak sam to napisać. Jestem pewien, że to łatwy fragment kodu, ale nie mogę go owinąć głową.

To, co chcę zrobić, to użyćdata- element (np .:data-class lub podobny), aby dołączyć nową klasę (lub identyfikator, nie jestem już wybredna!) na popover najwyższego poziomu<div>. Kod, który aktualnie mam, jest następujący:

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">

Najlepiej byłoby, gdyby HTML był taki:

<div class="popover ... dynamic-class">
    <!-- remainder of the popover code as per usual -->
</div>

Czy mogę to zrobić? Dokumentacja na stronie bootstrapu dla popovers jest nieco rzadka, więc niestety zajęło mi trochę czasu, aby dojść do tego punktu :(

Z góry dziękuję za wszelkie odpowiedzi!

questionAnswers(21)

yourAnswerToTheQuestion