Apakah penggunaan popover dalam bootstrap?

Dalam bootstrap, pemalam popover digunakan untuk menjana kotak timbul dengan kandungan dan teg tertentu Anda boleh menggunakan atribut data dan JavaScript untuk menambah kotak timbul Sintaks ialah "data -toggle="popover"" dan "$(elemen ).popover(options)".

Persekitaran pengendalian tutorial ini: sistem Windows 7, bootstrap versi 3.3.7, komputer DELL G3

popover dalam bootstrap Apakah kegunaannya? Untuk mengaktifkan popover, pengguna hanya menuding pada elemen. Kandungan kotak pop timbul boleh diisi sepenuhnya menggunakan API Data Bootstrap. Kaedah ini bergantung pada petua alat. Pemalam Popover menjana kandungan dan markup atas permintaan Secara lalai, popover diletakkan di belakang elemen pencetusnya. Anda boleh menambah popover dalam dua cara:

Melalui atribut data: Untuk menambah popover, cuma tambah data-toggle="popover" pada teg sauh/butang Itu sahaja. Tajuk sauh ialah teks popover. Secara lalai, pemalam meletakkan popover di bahagian atas.

Contohnya adalah seperti berikut:

Melalui JavaScript: Dayakan popover melalui JavaScript:

Contohnya adalah seperti berikut:

<a href="#" data-toggle="popover" title="Example popover">    请悬停在我的上面</a>

Popover Pemalam (Popover) bukanlah pemalam CSS tulen seperti menu lungsur turun dan pemalam lain yang dibincangkan sebelum ini. Untuk menggunakan pemalam, anda mesti mengaktifkannya menggunakan jquery (baca javascript). Gunakan skrip berikut untuk mendayakan semua popover pada halaman:

$('#identifier').popover(options)

Pembelajaran yang disyorkan: "

tutorial penggunaan bootstrap

"

$(function () { $("[data-toggle='popover']").popover(); });

Atas ialah kandungan terperinci Apakah penggunaan popover dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!