2012-07-19 14 views
5

Używam Bootstrap na Twitterze do implementowania etykiet narzędzi. Obecnie podpowiedzi pojawiają się nad linkiem. Chciałbym, aby podpowiedź pojawiła się pod linkiem. Jak miałbym to zrobić?Jak odwracać podpowiedzi na Twitterze Bootstrapa

Jestem wyzwalania podpowiedź i wyraźnie stwierdza, „dno”, ale nie chce pracować dla mnie ...

<script>$('#home').tooltip('hide bottom')</script> 
+0

Czy możesz pokazać jakiś rodzaj kodu? –

Odpowiedz

10
$('#tooltip').tooltip({ 
    placement : 'left', 
    title : 'first tooltip' 
}); 

Użyj tego wewnątrz znaczników <script> lub w osobnym pliku JavaScript.

+0

ta wydawała się dla mnie działać! Dziękuję bardzo, doceniam pomoc. – Jonathan

3

Zakładając, że używasz najnowszej Bootstrap byłoby użyć umieszczenie "Dolny". Możesz to zrobić za pomocą opcji, gdy utworzysz etykietkę narzędziową: $("#tt").tooltip({placement: "bottom"}); lub przez atrybut danych na elemencie: <span data-placement="bottom" ...>tooltip!</span> Wierzę.

Możesz znaleźć więcej informacji na temat etykiety narzędzia w sekcji Bootstrap tooltip.

3

na stronie internetowej programu bootstrap wyświetlają opcje etykiet narzędzi. jedną z opcji jest placement , którą można ustawić na górze, na dole, na prawo lub na lewo.

więc kiedy dodać skrypt do podpowiedzi umieścić opcję jak ten

$('#example').tooltip({placement: "bottom"}) 
+0

Więc zmodyfikowałem kod na podstawie danych wejściowych, ale podpowiedzi nadal pojawiają się nad łączami. Oto, co aktualnie mam: Jonathan

+0

potrzebujesz '" 'dookoła dołu i'} 'na końcu bottom not ']'. wszystko inne wygląda dobrze –

+0

Właściwie pozwól mi napisać to ponownie dla ciebie ' '' –

1

Bootstrap podpowiedzi posiada opcję „staż”. Można ustawić go na „dolny” tak:

$('#home').tooltip({ 
    placement : "bottom" 
}); 

Zobacz ich Oficjalna strona odniesienia (v.2.3.3) lub (v.3).

+0

Nie sądzę, że potrzebujesz wycen w okolicy miejsca docelowego –

+0

W prawo Nie musisz, jeśli jest to poprawna nazwa zmiennej (w tym przypadku) – 322896

+0

Link nie działa (zakładając, że strona nie jest tylko w dół) – Hoppe

Powiązane problemy