私のツールチップはスタイリングと位置に表示されません

Question

私は自分のウェブサイトにブートストラップを使用しています。要素の上にホールドするとツールチップが表示されます。

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

初期化JSを：： は、ここで私がやったものだ私は、コード要素の上に置くと、ツールチップのデータが表示されますが、どこか別の場所とスタイリングなしている

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

：

左端の「クリックしてコピー」はツールチップのデータで、共有するリンクの上に表示されます

NB：FOr tho "onclick =" CopyToClipboard（ 'copystuff'） "が問題を引き起こしていると思う人は、ヘルプを削除しても問題はありません。

私は以下のコードを試し、問題は初期化のjsであると考え、事前

Answer 1

でこの

感謝を修正する助けてください。

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

疑問があれば、このリンクをチェックしてください。 http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp