2013-01-21 14 views

Odpowiedz

17

Tak, wtyczka bootstrap zawiera podpowiedź! Używam go sam. Należy pamiętać, że z etykietą programu bootstrap nie można uruchamiać samego HTML, jak wiele innych funkcji z powodu problemów z wydajnością. Każda etykietka musi być ręcznie zainicjowany, można użyć .tooltip() z jQuery na elemencie chcesz tooltip-IFY

na przykład w szablonie w pliku 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> 

I jak używać poniżej w plik JavaScript, aby zainicjować podpowiedź

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

nie umieścić <script> tagi w szablonie jak będzie sugerował na różnych tutoriali jak meteor obsługuje to w plikach javascript

+0

dzięki! to była dobra wskazówka –

3

Tak. Numer entire core bootstrap library jest zawarty w przypadku meteor add bootstrap. Wszystkie wymagane pliki js i css zostaną dołączone do projektu podczas debugowania lub wdrażania. Po dodaniu, można po prostu rozpocząć korzystanie z API:

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

Uwaga, może chcesz poznać repozytorium atmosphere dla zaktualizowanych opcji bootstrap, w tym bootboxjs i bootstrap-updated projektów.

Powiązane problemy