Im Einkaufszentrum müssen in der Einkaufswagen -Display in der Navigationsleiste häufig die Maus vorbeigegeben werden, und die Produkte, die in den Einkaufswagen platziert wurden, werden angezeigt. Bootstrap hat kein Plug-In direkt. Zu diesem Zeitpunkt können Sie das Popover-Plug-In verwenden, um es zu transformieren. Die Details sind wie folgt:
Implementierungsrenderungen:
HTML -Implementierung:
<a href = "#" rel = "drevil"> <span> </span> Einkaufswagen </a>
JavaScript -Implementierung:
$ (function () {$ ("[rel = drevil]"). popover ({Trigger: 'Handbuch', Platzierung: 'unten', // Platzierung des Popovers. Kann auch obere, boden, links oder rechts verwenden: '<div style = "text-align: color: rot; text-decoration. POPOVER. Box. Fügen Sie das Bild hier oder alles hinzu, was Sie wirklich wollen. {$ (_ this) .popover ('hide');});}). on ("Mouseleave", function () {var _this = this; setTimeout (function () {if (! $ (". popover: hover").Das obige ist das, was der Editor in Bootstrap eingeleitet hat, mit dem Popover-Plug-In die Maus angezeigt und auf dem Display-Feld verwaltet werden kann. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!