Wie wird Popover angezeigt, wenn meine Maus das Hover-Ziel erreicht?

8

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?

    
user2049259 07.02.2013, 03:35
quelle

2 Antworten

18

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.

    
isherwood 07.02.2013, 21:29
quelle
3

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.

    
Ghenadie Melniciuc 14.08.2015 09:37
quelle