Latest web development tutorials

jQuery UI API - członek okno podpowiedzi (Tooltip widget)

kategoria

Widżety (Widgets)

zwyczaj

Opis: konfigurowalny, themable okno podpowiedzi, wymienić okna podpowiedzi natywną.

Nowa wersja: 1.9

Okno podpowiedzi (tooltip) zastąpiła pole podpowiedzi natywnego, tak aby mogły one Skórki, pozwala również na różnych dostosowań:

  • Nie wyświetlaj tylko tytuł innej treści, tak jak przypisy lub inline AJAX pobrać dodatkową zawartość.
  • Kierowanie na zamówienie, na przykład, na środku pola Element podpowiedzi.
  • Dodaj dodatkowe motywy, by dostosować wygląd regionu ostrzeżenia lub błędu.

Domyślny animacja gradientu pokazać i ukryć okno podpowiedzi, w porównaniu z prostego przełączania widoczność takim wyglądem bardziej duchowy. Można to show i hide opcje personalizacji.

items i content opcje muszą nadążać. Jeśli zmienisz jeden, trzeba będzie zmienić drugiego.

Ogólnie rzecz biorąc, elementy niepełnosprawne nie wywoła żadnych zdarzeń DOM. Dlatego odpowiednim narzędziem do kontrolowania elementu balon wyłączona jest niemożliwe, ponieważ musimy słuchać zdarzeń do określenia, kiedy pokazać i ukryć okno podpowiedzi. Prowadzi to do jQuery UI nie może zagwarantować poparcie dla niepełnosprawnych elementem dołączonym do pudełka wierzchołka narzędzia na każdym poziomie. Oznacza to, że jeśli chcesz zostać poproszony o elementach niepełnosprawnych, konieczne może być zastosowanie mieszaniny rodzimych i jQuery UI Box balon podpowiedzi.

Skórki

członkiem okno podpowiedzi (tooltip widget) przy użyciu jQuery UI CSS ram zdefiniować wygląd swojego stylu. Jeśli trzeba użyć określonej skrzynce styl podpowiedzi, można użyć następującej nazwy klasy CSS:

  • ui-tooltip : pudełka etykietka pojemnika zewnętrznego.
    • ui-tooltip-content : podpowiedzi zawartości skrzynki.

polegać

Dodatkowe informacje

  • Część wymaga funkcjonalnej CSS, inaczej nie zadziała. Jeśli utworzyć własny motyw, użyj widget określony plik CSS jako punkt wyjścia.

Przykłady

Wykorzystaj wszystkie elementy z atrybutem tytuł maklera zdarzeń, aby utworzyć pole podpowiedzi (etykietka) na dokumencie. 

<! DOCTYPE html>
<Html lang = "pl">
<Head>
  <Meta charset = "utf-8">
  <Title> element oprawki podpowiedzi (Tooltip widget) Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ Head>
<Body>
 
<P>
  <a href="#" title="锚描述"> anchor text </a>
  <Title = Wejście "Input Pomoc">
</ P>
<Script>
  $ (Document) .tooltip ();
</ Script>
 
</ Body>
</ Html>