Di mal, tampilan keranjang belanja di bilah navigasi sering mengharuskan mouse lewat, dan produk yang telah ditempatkan di keranjang belanja ditampilkan. Bootstrap tidak memiliki plug-in secara langsung. Saat ini, Anda dapat menggunakan plug-in Popover untuk mengubahnya. Dengan rincian sebagai berikut:
Rendering Implementasi:
Implementasi HTML:
<a href = "#" rel = "drevil"> <span> </span> keranjang belanja </a>
Implementasi JavaScript:
$ (function () {$ ("[rel = drevil]"). Popover ({pemicu: 'manual', penempatan: 'bawah', // penempatan popover. Juga dapat menggunakan bagian atas, bawah, kiri atau kanan: '<div style = "Text-Align: center; color: red; Text-Decoration: underline; font-Size: 14p-slign; center; color: red; Text-Decoration: fillser; font-Size: 14p-size;" ha ha/center; red; Text-Decoration: fillser; font-Size: 14p-ssige: 14p ha ha ha <"ha ha <" ha hA <"ha hA <" ha hA <"ha hA <" ha hA <"ha hA <" hA <"ha hA <" hA <"hA-decoration: font-Size: font-Size: 14p-14p; The Popover. kotak html. Tambahkan gambar di sini atau apa pun yang benar -benar Anda inginkan. {$ (_ this) .popover ('hide');});}). on ("mouseleave", function () {var _this = this; setTimeout (function () {if (! $ (". Popover: hover"). Panjang) {$ (_ ini) .popover ("hide")}}} {_);Di atas adalah apa yang diperkenalkan editor ke Bootstrap menggunakan plug-in popover untuk memungkinkan mouse ditampilkan dan dipelihara pada kotak tampilan. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!