Mein Tooltip erscheint nicht mit Styling und Position

Question

Ich benutze Bootstrap auf meiner Website und ich möchte eine QuickInfo angezeigt, wenn über ein Element schwebte. Hier ist, was ich getan habe:

<code id="copystuff" onclick="CopyToClipboard('copystuff')" data-toggle="tooltip" data-placement="top" title="Click to copy">Text</code> 

Initialized js:

$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip({ selector: '[data-toggle=tooltip]' }); 
}); 

Wenn ich über das Codeelement schweben, werden die Daten der Tooltip angezeigt, sondern irgendwo anders und ohne Styling:

Das "Click to Copy" auf der äußersten linken Seite ist die Tooltip-Daten und sollte über dem angegebenen Link zu teilen

NB: Für tho Wer denkt, dass onclick = "CopyToClipboard ('copystuff')" Probleme verursacht, hilft das Entfernen nicht.

Bitte helfen Sie mir dieses Problem beheben

Vielen Dank im Voraus

Answer 1

denke ich, das Problem mit Initialized js ist, versuchen Sie den Code unten.

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

Überprüfen Sie diesen Link, wenn Sie irgendwelche Zweifel haben. http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp