2013-01-21 6 views

答えて

17

はいブートストラッププラグインにはツールチップが含まれています。私はそれを自分で使います。ブートストラップのヒントに注意する点は、パフォーマンス上の問題のために他の多くの機能と同様にHTMLだけでは実行できないということです。各ツールチップを手動で初期化する必要がある、あなたは、あなたのhtmlファイル

<template name="myTemplate"> 
    <a href="#" rel="tooltip" title="first tooltip">hover over me</a><br/> 
    <a href="#" rel="tooltip" title="second tooltip">hover over me</a><br/> 
    <a href="#" rel="tooltip" title="third tooltip">hover over me</a><br/> 
</template> 

であなたのテンプレートに例えば

をツールチップ-IFYとして、以下に使用する要素にjQueryを使って.tooltip()を使用することができますツールチップ

Template.myTemplate.rendered = function() { 
    $('a[rel=tooltip]').tooltip() //initialize all tooltips in this template 
}; 

を初期化するためのJavaScriptファイル流星はJavaScriptファイル

でこれを扱うよう、様々なチュートリアルに提案されるように、テンプレートに <script>タグを入れないでください
+0

ありがとうございました!それは良いヒントだった –

3

はい。 entire core bootstrap libraryは、meteor add bootstrapに含まれています。デバッグやデプロイ時に、必要なjsファイルとcssファイルがすべてプロジェクトにバンドルされます。一度追加、あなたは単にAPIを使用して起動することができます。

Template.myTemplate.rendered = function() { 
    $('#element').tooltip('show') 
}; 

注意、あなたがbootboxjsbootstrap-updatedプロジェクトを含む更新されたブートストラップ・オプションのためのatmosphereリポジトリを探索することができます。

関連する問題