ในห้างสรรพสินค้าการแสดงผลตะกร้าสินค้าในแถบนำทางมักจะต้องใช้เมาส์ผ่านและผลิตภัณฑ์ที่วางไว้ในตะกร้าสินค้าจะปรากฏขึ้น Bootstrap ไม่มีปลั๊กอินโดยตรง ในเวลานี้คุณสามารถใช้ปลั๊กอินป๊อปโอเวอร์เพื่อแปลง รายละเอียดมีดังนี้:
การเรนเดอร์การใช้งาน:
การใช้งาน HTML:
<a href = "#" rel = "drevil"> <span> </span> ตะกร้าสินค้า </a>
การใช้งาน JavaScript:
$ (function () {$ ("[rel = drevil]"). popover ({ทริกเกอร์: 'คู่มือ', ตำแหน่ง: 'ด้านล่าง', // การวางตำแหน่งของป๊อปโอเวอร์ยังสามารถใช้ด้านบน, ล่าง, ซ้ายหรือขวา: '<div style = ป๊อปโอเวอร์ กล่อง html {$ (_ this) .popover ('hide');});}). on ("mouseleave", function () {var _this = this; settimeout (ฟังก์ชั่น () {ถ้า (! $ (". popover: hover"). ความยาว) {$ (_ นี่)ด้านบนคือสิ่งที่ตัวแก้ไขแนะนำให้ใช้กับ Bootstrap ใช้ Popover Plug-in เพื่อให้เมาส์แสดงและบำรุงรักษาบนกล่องแสดงผล ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!