Latest web development tutorials

jQuery UI API - anggota kotak tooltip (Tooltip Widget)

kategori

Widget (widget)

pemakaian

Keterangan: disesuaikan, kotak tooltip berganti tema, mengganti kotak tooltip asli.

Versi baru: 1.9

box Tooltip (tooltip) diganti kotak tooltip asli, sehingga mereka dapat theming, juga memungkinkan berbagai kustomisasi:

  • Menampilkan tidak hanya judul konten lainnya, seperti catatan kaki atau inline dengan Ajax untuk mengambil konten tambahan.
  • penargetan kustom, misalnya, berpusat pada kotak elemen tooltip.
  • Menambahkan gaya tambahan untuk menyesuaikan tampilan dari wilayah peringatan atau error.

Sebuah gradien animasi standar untuk menunjukkan dan kotak menyembunyikan tooltip, dibandingkan dengan sederhana beralih visibilitas penampilan seperti itu lebih spiritual. Hal ini dapat show dan hide opsi kustomisasi.

items dan content pilihan harus mengikuti. Jika Anda mengubah satu, Anda akan perlu mengubah lainnya.

Secara umum, unsur-unsur cacat tidak akan memicu peristiwa DOM. Oleh karena itu, alat yang tepat untuk mengontrol elemen balon dinonaktifkan tidak mungkin, karena kita perlu mendengarkan acara untuk menentukan kapan untuk menunjukkan dan kotak menyembunyikan tooltip. Hal ini menyebabkan jQuery UI tidak dapat menjamin dukungan untuk elemen cacat yang melekat pada kotak tool tip di tingkat manapun. Ini berarti bahwa jika Anda perlu diminta untuk unsur-unsur cacat, Anda mungkin perlu menggunakan campuran kotak balon tooltip asli dan jQuery UI.

theming

anggota box Tooltip (keterangan alat Widget) menggunakan framework jQuery UI CSS untuk menentukan tampilan dan nuansa dari gaya. Jika Anda perlu menggunakan kotak gaya tooltip yang ditentukan, Anda dapat menggunakan berikut nama kelas CSS:

  • ui-tooltip : kotak tooltip wadah luar.
    • ui-tooltip-content : tooltip kotak konten.

mengandalkan

informasi tambahan

  • bagian membutuhkan beberapa CSS fungsional, jika tidak maka tidak akan bekerja. Jika Anda membuat tema kustom, menggunakan widget yang ditentukan file CSS sebagai titik awal.

contoh

Gunakan semua elemen dengan atribut judul acara broker, untuk membuat kotak alat tip (Tooltip) pada dokumen. 

<! DOCTYPE html>
<Html lang = "en">
<Head>
  <Meta charset = "utf-8">
  <Title> anggota kotak tooltip (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>
</ Kepala>
<Body>
 
<P>
  <a href="#" title="锚描述"> anchor text </a>
  <Title Masukan = "Input Help">
</ P>
<Script>
  $ (Dokumen) .tooltip ();
</ Script>
 
</ Body>
</ Html>