Dies ist ein Beispielcode, um die Popover-Fensteranzeige unter meiner Schaltfläche anzuzeigen:
%Vor%Nun möchte ich, dass das Popover-Fenster an der Stelle erscheint, an der sich mein Cursor bewegt (nicht nur oben / unten / links / rechts, sondern eine bestimmte Stelle, die davon abhängt, wo der Benutzer seinen Cursor platziert hat).
Wie bekomme ich es?
Ersetzen Sie in bootstrap-tooltip.js (ungefähr bei Zeile 72)
%Vor%mit
%Vor%und ersetzen (etwa bei Zeile 144)
%Vor%mit
%Vor%Dann rufe dein Popover so auf:
%Vor%Dies ist ein schnell-n-dreckiger Weg (Kerndateien zu hacken), aber es funktioniert. Vielleicht hat jemand anderes eine schönere Methode. Beachten Sie, dass der Popover-Zeiger einige Arbeit benötigt, da er nicht angezeigt wird.
Dieses Beispiel wurde in Bootstrap 2.0.3 getestet, aber der Code erscheint in 2.2.2 ähnlich.
Für bootstrap 3.x.x
1. Fügen Sie das Attribut atMouse: false zur Inline-Klasse Tooltip.DEFAULTS {} hinzu.
%Vor%2. Gehen Sie zur Zeile 1368 innerhalb der Methode "Tooltip.prototype.enter" und ändern Sie den folgenden Code:
%Vor%zu:
%Vor%3. Fügen Sie innerhalb der Methode "Tooltip.prototype.show" folgenden Code hinzu:
%Vor%vor dieser Codezeile:
%Vor%4.Bereiten Sie den Textkörper der Tooltip.prototype.getCalculatedOffset-Methode nach dem folgenden Code:
%Vor%5.Call Tooltip / Popover etwas wie folgt:
%Vor%Arbeite für mich.
Tags und Links javascript jquery twitter-bootstrap bootstrap-popover cursor