9

meteor add bootstrapコンソールで行います。これにより、ブートストラップ ツールチップ JavaScript が追加されますか? そうでない場合は、どうすれば追加できますか?

4

3 に答える 3

17

はい、ブートストラップ プラグインにはツールチップが含まれています。私はそれを自分で使用します。ブートストラップのツールチップで注意すべき点は、パフォーマンスの問題により、他の多くの機能のように HTML だけでは実行できないことです。各ツールチップは手動で初期化する必要があります..tooltip()ツールチップ化したい要素で jquery を使用できます.

たとえば、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>

そして、JavaScriptファイルで以下を使用してツールチップを初期化します

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

<script>meteor が javascript ファイルでこれを処理するため、さまざまなチュートリアルで提案されているように、テンプレートにタグを配置しないでください。

于 2013-01-21T08:32:15.390 に答える
3

はい。すると、コア ブートストラップ ライブラリ全体が含まれますmeteor add bootstrap。必要なすべての js および css ファイルは、デバッグまたはデプロイ時にプロジェクトにバンドルされます。追加したら、API の使用を簡単に開始できます。

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

およびプロジェクトを含む更新されたブートストラップ オプションについては、大気リポジトリを探索することをお勧めします。bootboxjsbootstrap-updated

于 2013-01-21T05:07:42.503 に答える
2

GithubのMeteorリポジトリのパッケージに含まれているBootstrapの特定のバージョンを確認できます。

https://github.com/meteor/meteor/tree/master/packages/bootstrap/js

Bootstrapツールチップが含まれているようです。

于 2013-01-21T05:04:56.550 に答える