Programar mostrar información sobre herramientas después de una llamada ajax

Question

Me pregunto si alguien conoce un complemento o un tutorial sobre cómo activar una información sobre herramientas después de una llamada ajax. Por el momento estoy usando jQuery Tools para crear la información sobre herramientas. Pero no quiero que la información sobre herramientas se active en un evento mouseover; más bien, quiero que se muestren después de una llamada ajax. No puedo encontrar ninguna documentación o ejemplos sobre cómo lograr esto. Por ejemplo:

<a class="vote">Vote</a> 

<div id="tooltip"> 
Some tooltip with a message. 
</div> 

$.ajax({ 
    context: this, 
    dataType: 'json', 
    success: function(response) { 
     if (response.result == "success") { 
// SHOW TOOL TIP HERE 
     } 
     else { 
// SHOW ANOTHER TOOL TIP HERE 
      } 
     }); 

La forma jQuery Herramientas obras es simplemente la unión del elemento a la punta de la herramienta como tal: (pero esto hace que la información sobre herramientas para abrir el mouseOver)

$("#myElement").tooltip(); 

Hay un API con eventos incluidos en las herramientas de jQuery, pero no tengo idea de cómo mostrar solo la información sobre herramientas después del Ajax. Otro factor que complica es que necesito tener la misma información sobre herramientas (o información sobre herramientas múltiples) en múltiples elementos.

Answer 1

Aquí hay un ejemplo de cómo mostrar una 'información sobre herramientas' o un diálogo emergente después de algún evento. No ajax aquí, pero solo usando la acción de clic del enlace.

$(document).ready(function() { 

    $("#vote").click(function(evt) { 
     evt.preventDefault(); 

     // Do your ajax 
     // Show the popup 
     $("#tooltip").show(); 
    }); 

    $("#tooltip").click(function() { 
     $(this).hide(); 
    }); 

}); 

http://jsfiddle.net/Tm8Lr/1/

Espero que esto ayude a empezar.

Bob

Answer 2

¿No funciona simplemente desencadenar el evento mouseover después de vincular la información sobre herramientas?

$('#myElement').tooltip().mouseover(); 

Answer 3

Tener un vistazo a la tooltip documentation (especialmente el scripting API) y el how their API works.

así que debería funcionar con:

if (response.result == "success") { 
    $('#myElement').data('tooltip').show(); 
} 
else { 
    // don't know which other tooltip you want to show here 
} 

You can also specify at which events the tooltip should be shown (lo que probablemente puede excluir mouseover o cambiarlo a algo que sabes que nunca se activa en ese elemento (como change)).

Answer 4

Mel,

Usted puede escribir su propia información sobre herramientas, información sobre herramientas no son más que las cajas div con diseño personalizado y se sienten y luego una posición absoluta.

Una vez que su ajax completa mostrar la información sobre herramientas de jquerys muestran

$('#tooltipid').show(); 

si desea ocultar después de pocos segundos puede hacer eso también usando jQuery o javascripts setTimeout();

Creo que todo lo que quiere decir, una vez ajax completa usted tiene alguna nueva html en el DOM y quiere mostrar algo de emergente por encima de ese código correcto,

Esperanza esto ayuda

Answer 5

Puede utilizar la función de disparo para iniciar otra función enlazada a mouseover.

$('#ElemWithTootip').trigger('mouseOver');