Ich habe sowohl StackOverflow als auch Google gründlich durchgesehen, bin aber leer ausgegangen. Also entschuldigen Sie sich im Voraus, wenn dies bereits erfragt und gelöst wurde.

NB: Ich bin ein Neuling bei jQuery und daher nicht sicher, wie ich das selbst aufschreiben soll. Ich bin mir sicher, dass dies ein einfacher Codeausschnitt ist, aber ich kann mich nicht darum kümmern.

Was ich tun möchte, ist die Verwendung von adata- Element (zB:data-class oder ähnliches), um eine neue Klasse (oder ID, ich bin nicht mehr wählerisch!) an das Popover der obersten Ebene anzuhängen<div>. Der Code, den ich derzeit habe, lautet wie folgt:

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

Und im Idealfall ist die Art von HTML, die ich ausgespuckt hätte, ungefähr so:

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

Kann ich das tun? Die Dokumentation auf der Bootstrap-Site für Popovers ist etwas spärlich, daher habe ich eine Weile gebraucht, um an diesen Punkt zu gelangen, leider :(

Vielen Dank im Voraus für alle Antworten!