Wie andere darauf hingewiesen haben, besteht die Möglichkeit, die Popoverfarbe zu ändern, darin, die CSS von .popover und .popover.right .arrow:after zu ändern. Aber da dies dynamisch erfolgen soll, würden wir Folgendes tun:
Aber Moment, das zweite jQuery-Snippet stimmt nicht. Sie können :after selector nicht haben, weil :after NICHT ein Teil von DOM ist, daher kann kein Javascript in dieser Welt gefangen werden %Code%. Also habe ich dieses CSS gemacht.
Und wann immer ich die Farbe meines Popover ändern muss, schreibe ich das folgende jQuery-Snippet:
%Vor% Das :after ist das Element, auf das Sie das Popover angewendet haben. Von diesem Element aus suche ich das nächste #selector . Dies stellt sicher, dass es sich nur um das Popover handelt, das dem aktuellen Element zugeordnet ist. Dann fügen wir einfach die Klasse hinzu, so dass der .popover Selektor natürlich ohne JS angewendet werden kann.
Probieren Sie diesen Code aus, um die Hintergrundfarbe der Popover-Titelleiste und den vollständigen Popover zu ändern:
%Vor%Tags und Links javascript jquery twitter-bootstrap