Bewahren Sie das Bootstrap-Popover im Ansichtsfenster auf

Ich versuche, ein Menü mit einer Seitenleiste mit Schaltflächen zu erstellen, die jeweils ein Popover mit den relevanten Daten enthalten. Leider kann eines der Popovers eine beliebige Anzahl von Zeilen enthalten und in einigen Fällen teilweise außerhalb des Ansichtsfensters liegen.

Sehenhttp://jsfiddle.net/bfd9f/1/ für ein Beispiel des Problems (klicken Sie auf die Schaltfläche "Aufgaben")

Ich dachte, ich könnte den oberen Bereich des Popovers programmgesteuert auf einen definierten Wert ändern, wenn er negativ ist (d. H. Außerhalb des Ansichtsfensters). Zu diesem Zweck konnte ich bereits beim Anhören des Popovers einen Verweis auf den ersten Teil des Popovers abrufenshow.bs.popover Veranstaltung. Leider denke ich aufgrund der Tatsache, dass es noch nicht gerendert ist, scheint es eine Größe von (23, 107) zu haben, während es so etwas wie (300, xxx) und eine Position von (0, 0) sein sollte.

Gibt es eine Möglichkeit, dieses Problem zu lösen? rendern Sie das Popover vielleicht zuerst außerhalb des Bildschirms, um es zu messen? wenn ja, wie würde ich das machen?

Vielen Dank

Antworten auf die Frage(2)

Ihre Antwort auf die Frage