Jak dodać etykietkę narzędzia bootstrap Twittera do ikony


Dodałbym właściwą wskazówkę z programu bootstrap na Twitterze do elementu icon.
Kod wygląda tak:
[b]Sensors Permissions <i class="icon-info-sign">[/i][/b]>

Chciałbym, aby kursor znajdował się nad ikoną, wyświetlała się poprawna podpowiedź z pewnymi informacjami ...
W jaki sposób mogę to zrobić? Czy nie wystarczy dołączyć librery tooltip.js i umieścić element w kodzie ikony? Jestem zdezorientowany.
Podziękować.
Zaproszony:
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Ostatnio użyłem tego w ten sposób:
<i class="icon-ok-sign" rel="tooltip" title="Key active" id="blah">[/i]

Produkcja:
Ustawiasz położenie podpowiedzi i innych funkcji (opóźnienia itp.), Deklarując je za pomocą JS:
$(document).ready(function(){
$("[rel=tooltip]").tooltip({ placement: 'right'});
});

Jak wspomniano w komentarzach, możesz znaleźć

tutaj
http://getbootstrap.com/2.3.2/ ... ltips
inne atrybuty/parametry.
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Być może zapomniałeś zainicjować podpowiedzi za pomocą
.tooltip ()
.
Funkcja
.tooltip ()
musi być wywołana dla każdego elementu, który ma mieć detektor podpowiedzi. Ma to na celu poprawę wydajności. Możesz od razu zainicjować stertę, wywołując funkcję z elementu nadrzędnego, na przykład:
$ ('. Tooltip-group'). Tooltip ()
Sprawdź funkcję inicjalizacyjną dla jednego elementu w JSFiddle.
http://jsfiddle.net/GRyAN/


Javascript
>
$(document).ready(function() {
$('#example').tooltip();
});


Markup
>
[b]
Sensors Permissions
<i class="icon-info-sign" data-toggle="tooltip" title="first tooltip" id='example'>[/i]
[/b]>
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Odpowiedź @ nickhar przy użyciu
data-toggle = "tooltip"
jest testowana w Bootstrap 2.3.2 i 3.0:
<i class="icon-ok-sign" data-toggle="tooltip" title="Key active" id="blah">[/i]

Produkcja:
Ustawiasz położenie podpowiedzi i innych funkcji (opóźnienia itp.), Deklarując je za pomocą JS:
$(document).ready(function(){
$("[data-toggle=tooltip]").tooltip({ placement: 'right'});
});

Jak wspomniano w komentarzach, możesz znaleźć

tutaj
http://getbootstrap.com/2.3.2/ ... ltips
inne atrybuty/parametry.
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

w roku javascript
$(function () {
$(".has-tooltip-right").tooltip({ placement: 'right'});
$(".has-tooltip-left").tooltip({ placement: 'left'});
$(".has-tooltip-bottom").tooltip({ placement: 'bottom'});
$(".has-tooltip").tooltip();
});

w html
[url="#" class="has-tooltip-bottom" title="" data-original-title="Tooltip">This link[/url] 
and [url="#" class="has-tooltip" title="" data-original-title="Another link">that link[/url]

Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się