Enthält das Bootstrap-Paket in Meteor den Bootstrap-Tooltip?

Question

Ich mache meteor add bootstrap in der Konsole, fügt dies den Bootstrap Tooltip Javascript? Wenn nicht, wie füge ich es hinzu?

Answer 1

Ja, das Bootstrap-Plugin enthält den Tooltip! Ich benutze es selbst. Eine Sache, die mit dem Tooltipp von Bootstrap zu beachten ist, ist, dass es aufgrund von Leistungsproblemen nicht wie viele andere Features auf HTML ausgeführt werden kann. Jeder Tooltip muss manuell initialisiert werden, können Sie .tooltip() mit jquery auf dem Element verwenden Sie Tooltip-ify wollen

Zum Beispiel in Ihrer Vorlage in Ihre HTML-Datei

<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> 

Und verwenden Sie die unten in der JavaScript-Datei den Tooltip

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

legen Sie die nicht <script>-Tags in Ihrer Vorlage zu initialisieren, wie dies auf verschiedenen Tutorials vorgeschlagen werden, wie Meteor dies in den Javascript-Dateien verarbeitet

Answer 2

Sie können, welche spezifische Version von Bootstrap sehen in dem Paket im Meteor-Repository auf Github ist:

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

Es scheint Bootstrap Tooltip aufzunehmen.

Answer 3

Ja. Die entire core bootstrap library ist enthalten, wenn Sie meteor add bootstrap. Alle erforderlichen js- und CSS-Dateien werden beim Debuggen oder Bereitstellen mit Ihrem Projekt gebündelt. Nach dem Hinzufügen können Sie einfach starten Sie die api mit:

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

Hinweis, können Sie das atmosphere Repository für aktualisierte Bootstrap-Optionen zu erkunden, darunter die bootboxjs und bootstrap-updated Projekte.