Bootstrap: queuepso y descripción emergente juntos

Quiero saber si es posible tener información sobre herramientas en una label de anclaje de queuepso. El código que se usa para el queuepso es:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Data</a> 

Funciona bien, pero ahora quiero agregarle una información sobre herramientas. Así que cambié el código a:

 <a data-toggle="collapse tooltip" title ="Tooltip Message" data-parent="#accordion" href="#collapseOne">Data</a> 

Ahora muestra la información sobre herramientas pero la function de contracción no funciona. Qué cambios tengo que hacer para que ambas funcionalidades funcionen. Sé que el text de la label de anclaje puede mostrar realmente el post que quiero usar como post de información sobre herramientas, pero solo quiero saber si es posible tener ambas funciones juntas

2 Solutions collect form web for “Bootstrap: queuepso y descripción emergente juntos”

Desde la página de resumen de Javascript de Bootstrap :

Atributos de datos de componente

No use attributes de datos de múltiples complementos en el mismo elemento. Por ejemplo, un button no puede tener una información sobre herramientas y alternar un modal. Para lograr esto, use un elemento de envoltura.

Prueba esto:

 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> <span data-toggle="tooltip" title="Tooltip Message">Data<span> </a> 

Otra solución es cambiar el desencadenante de información sobre herramientas. El disparador pnetworkingeterminado es:

 $(function () { $('[data-toggle="tooltip"]').tooltip() }) 

Que funcionará así:

 <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button> 

Pero puedes cambiarlo a:

 $(function () { $('[data-tooltip="true"]').tooltip() }) 

Que funcionará así:

 <button type="button" class="btn btn-default" data-tooltip="true" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button> 
  • summernote agregar class en img
  • La pestaña de navigation de Twitter Bootstrap no se carga por defecto
  • Validar un formulario en Twitter Bootstrap Model
  • Carrusel Bootstrap cómo ocultar un elemento del control deslizante en el tamaño xs?
  • Bootstrap modal descarta si el usuario hace clic en cualquier otro lugar ... ¿cómo evitar esto?
  • El menu desplegable Bootstrap no funciona
  • Desplegable de Bootstrap con Desplazamiento
  • jQuery no se define en el module de arranque
  • Inicie Modalidad Bootstrap en la carga de la página
  • Modalidad Bootstrap: cierre modal cuando se hace clic en el button "llamar a la acción"
  • Uso de bootstrap Tooltip con el object SVG: no se visualiza a pesar de especificar el contenedor
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.