2011-07-26 11 views
6

Estoy usando qTip2 aquí, y necesito la capacidad de actualizar el contenido de la información sobre herramientas mientras todavía está activo. Los elementos con información sobre herramientas tienen un evento de clic que realiza algunos cálculos que pueden cambiar lo que quiero que se muestre en la información sobre herramientas.qTip2: actualice la información sobre herramientas mientras está activo

He intentado llamar al método 'destroy' y volver a vincular el qtip2 después de cada nuevo cálculo, y funciona solo después de mover el mouse y traerlo de vuelta.

Lo que quiero lograr es forzar a que la información sobre herramientas actualmente activa se vuelva a dibujar.

Respuesta

7

Si nos fijamos en el documentation, hay un método "set" para cambiar el contenido:

es eso lo que está buscando?


Actualización: Después de poner a prueba las opciones de la API, que parece no estar funcionando correctamente, pero he encontrado otro método - aquí es una demo - ciernen sobre la punta durante 1 segundo para verlo cambiar.

// make sure you target a specific tip 
var qapi = $('#tip1').data('qtip'), 
    newtip = 'new tooltip content' 
qapi.options.content.text = newtip; // update content stored in options 
qapi.elements.content.text(newtip); // update visible tooltip content 
qapi.redraw(); // redraw to adjust tooltip borders 
+0

Parece que quiere cambiar el contenido de la información sobre herramientas _while_ la sugerencia aún está abierta. – Sparky

+0

@ Sparky672: Sí, sabía que eso es lo que Andrew quería, pero después de probarlo, parece que no funciona = ( – Mottie

+0

En realidad, el mejor método funciona ... no funcionaba cuando usé '$ (este) 'dentro de setTimeout en la demostración (DUH) en lugar de' $ ('. selector') 'por eso trabajé en el método alternativo. De cualquier manera funciona, pero la primera sería la mejor. – Mottie

Cuestiones relacionadas