2017-06-12 3 views
1

Ich benutze Draftjs um einige Schlüsselwörter zu dekorieren, dies verwandelt sie in Spannen. Innerhalb meiner Zeitspanne möchte ich die Bootstrap 4 Popover-Funktionalität verwenden. Ich habe eine einfache Zeile hinzugefügt und es hat nicht funktioniert, die Bibliotheken usw. sind alle hinzugefügt.Wie reagiert man mit Bootstrap 4 Popovers?

Auf Klick möchte ich in der Lage sein, ein Popover zu sehen, wie hier auf der Bootstrap 4 Seite angezeigt. Ich habe die folgenden Links eingefügt. Ich mag nicht unabhängige Bibliotheken verwenden, ich mag diese direkt codieren und vermeiden ein Plugin

https://v4-alpha.getbootstrap.com/components/popovers/

+0

Es gibt Bibliotheken reagieren, die Ihnen dabei helfen. Eine davon ist [react-bootstrap] (https://react-bootstrap.github.io/) und es gibt viele Themen hier auf SO für das [tag: react-bootstrap] -Tag. – Chris

+0

Ich glaube, Sie haben das Data-Toggle-Attribut verpasst. Außerdem muss der Click-Handler $ ('# element') enthalten. Popover ('show') –

+0

React-bootstrap benutzt Bootstrap 3, wenn ich mich nicht irre – Nevosis

Antwort

0

Zuerst die data-toggle, title und data-content Attribute hinzufügen müssen verwenden, initialisieren dann die popover durch den anruf popover() Methode für das Element.

Sehen Sie diese Antwort zur Erläuterung und Beispiel-Code für eine Reaktion, Typoskript, Webpack Stapel: https://stackoverflow.com/a/46801561/924597