В торговом центре отображение корзины в панели навигации часто требуется, чтобы мышь проходила мимо, и отображаются продукты, которые были размещены в корзине для покупок. Bootstrap не имеет подключения напрямую. В настоящее время вы можете использовать плагин Popover, чтобы преобразовать его. Детали следующие:
Внедрение внедрения:
Реализация HTML:
<a href = "#" rel = "drevil"> <pan> </span> корзина по магазинам </a>
Реализация JavaScript:
$ (function () {$ ("[rel = drevil]"). Popover ({Trigger: 'Руководство', размещение: 'внизу', // размещение Popover. Также может использовать верхнюю часть, внизу, левый или правый. Попвер добавьте некоторые базовые CSSHTML: 'true', // необходимо показать HTML Coursecontent: '<div Id = "Popoverbox"> <img src = "http://www.hd-report.com/wp-content/uploads/2008/08/mr-ev. HTML -поле добавить изображение здесь или все, что вы хотите, действительно. Анимация: false}). {$ (_ this) .popover ('hide');});}). On ("mouseleave", function () {var _this = this; settimeout (function () {if (! $ (". Popover: Hover"). Length) {$ (_ This) .popover ("hide")}, 100););Выше приведено то, что редактор, представленный в Bootstrap, использует плагин Popover, чтобы позволить отображать и поддерживаться мышью в поле дисплея. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!