En el centro comercial, la pantalla del carrito de compras en la barra de navegación a menudo requiere que el mouse pase, y se muestran los productos que se han colocado en el carrito de compras. Bootstrap no tiene un complemento directamente. En este momento, puede usar el complemento Popover para transformarlo. Los detalles son los siguientes:
Renderizaciones de implementación:
Implementación HTML:
<a href = "#" rel = "drevil"> <span> </span> carro de compras </a>
Implementación de JavaScript:
$ (function () {$ ("[Rel = Drevil]"). Popover ({disparador: 'manual', colocación: 'fondo', // colocación del popover. También puede usar top, inferior, izquierda o righttitle: '<div style = "text-align: centro; color rojo; decoración de texto: subinul a; font-tize: 14px;"> muah ja ja <divs> bar; /////es la decoración de texto: es la parte inferior; font-tizaje: 14px; "> muah ja ja <Div-align; Color; Red; Decoración de texto: Decoración: Font-titule: 14px;"> Muah ha <Div ha <Div Align; El popover. HTML Box. {$ (_ esto) .Popover ('hide');});}). on ("mouseLeave", function () {var _this = this; setTimeOut (function () {if (! $ (". popover: hover"). longitud) {$ (_ this) .popover ("escondite")}, 100);});});Lo anterior es lo que el editor introdujo en Bootstrap utiliza el complemento Popover para permitir que el mouse se muestre y mantiene en el cuadro de visualización. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!