2016-03-25 14 views
0
<a href="#" title="Twitter bootstrap" data-toggle="tooltip">bootstrap</a> 

カーソルを置かずにツールチップを表示したい。 これを行うための特別な属性はありますか?Twitterで自動的にツールチップを表示するブートストラップでカーソルを入れない

+0

を含めるようにHTMLを変更する必要があります。これは、ツールチップの定義です:「ときに表示されるメッセージカーソルがアイコン、画像、ハイパーリンク、またはグラフィカルユーザーインターフェイス内の他の要素の上に置かれている」というメッセージが表示され、そのようなことは起こりたくありません。 –

+0

メッセージを表示するときのように、正確に何をしたいのですか?ページが読み込まれたら? –

+0

ページが読み込まれると、ツールチップが5秒表示され、ツールチップが非表示になります。何か案が? –

答えて

0

一般に、$('#my-tooltip').tooltip('show')を使用してjavascriptコードからツールチップを表示できます。 あなたのアンカータグがセレクタに一致しなければならないとあなたが追加する必要がdata-trigger="manual"属性the Bootstrap docsパー

<a id="my-tooltip" href="#" title="Twitter bootstrap" data-toggle="tooltip" data-trigger="manual">bootstrap</a> 
0

、手動で対応する方法とツールチップを表示し、非表示にすることができます。わからないあなたのjsがどのように見えるが、このようなものは動作するはずです:

$(document).ready(function() { 
    $('#tt-element').tooltip('show') 
    setTimeout(function() { 
    $('#tt-element').tooltip('hide') 
    }, 5000) 
} 

はもちろん、あなたがid="tt-element"

関連する問題