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ć.
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
4 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
<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
Potwierdzenie od:
Funkcjamusi 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
>
Anonimowy użytkownik
Potwierdzenie od:
<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
Potwierdzenie od:
$(function () {$(".has-tooltip-right").tooltip({ placement: 'right'});
$(".has-tooltip-left").tooltip({ placement: 'left'});
$(".has-tooltip-bottom").tooltip({ placement: 'bottom'});
$(".has-tooltip").tooltip();
});
w html