Bootstrap-Tooltips können nicht angezeigt werden

Im folgenden (sehr einfachen) Beispiel kann ich die Tooltips des Bootstrap nicht anzeigen lassen, sie funktionieren einfach nicht (ich bekomme normale Browser-Toooltips).Bootstrap-Tooltips können nicht angezeigt werden

http://codepen.io/anon/pen/zqgaMY

Meine A-Tags offiziellen Bootstrap-Code:

data-toggle="tooltip" data-placement="left" title="Tooltip on left"

und ich laden die JS:

$(function() { 
    $('[data-toggle="tooltip"]').tooltip() 
})

Was mache ich falsch?

Quelle

2016-05-23 Alexandre Danault

Sie müssen jQuery einfügen, damit die Tooltips funktionieren. Fügen Sie diese:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

OBEN Ihre bootstrap.js Link und es sollte funktionieren.

Link zu jsFiddle: https://jsfiddle.net/e0d8my79/104/

Link zu CodePen: http://codepen.io/anon/pen/oxKyKB

Quelle

2016-05-23 22:41:35

Ja. Wenn ein solcher Fehler auftritt, wird er normalerweise sofort in der Entwicklerkonsole eines beliebigen Browsers angezeigt. – coyotte508

Das ist großartig !! Ich bin mir nicht sicher, warum es in den Bootstrap-Dokumenten nicht klarer ist. Ich lese sie erneut, um zu sehen, wo ich es verpasst habe. Vielen Dank, ich werde Ihre Antwort akzeptieren, sobald SO es mir erlaubt. –

@AlexandreDanault Ich bin froh, dass ich helfen konnte. Prost!! –

-1

Überprüfen Sie Ihre jquery.js Dokument auf das Schicksal bereit ist ... und einen Beweis stellen ... nur Whit a $ ('[data-toggle = "tooltip"]'). tooltip();

Quelle

2016-05-23 22:44:30

Bootstrap-Tooltips können nicht angezeigt werden

Antwort

Verwandte Themen