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!