Mostra automaticamente il suggerimento dopo una chiamata Ajax

Question

Mi chiedo se qualcuno è a conoscenza di un plug-in o di un tutorial su come attivare un suggerimento dopo una chiamata ajax. Al momento sto usando jQuery Tools per creare i tooltip. Ma non voglio che i tooltip si attivino su un evento mouseOver; piuttosto, li voglio mostrare dopo una chiamata ajax. Non riesco a trovare alcuna documentazione o esempi su come ottenere ciò. Ad esempio:

<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 
      } 
     }); 

Il modo jQuery Tools opere è semplicemente vincolante l'elemento a punta dell'utensile come: (ma questo provoca la descrizione comando per aprire il mouseOver)

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

C'è un'API con gli eventi inclusi negli strumenti jQuery, ma non ho idea di come mostrare solo il suggerimento dopo l'Ajax! Un altro fattore complicante è che ho bisogno di avere lo stesso suggerimento (o più suggerimenti) su più elementi.

Answer 1

Ecco un esempio di come mostrare un "suggerimento" o una finestra di dialogo popup dopo qualche evento. No ajax qui, ma basta usare l'azione click del link.

$(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/

Spero che questo aiuti a iniziare.

Bob

Answer 2

Non funziona semplicemente attivare l'evento mouseover dopo aver vincolato il suggerimento?

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

Answer 3

Date un'occhiata al tooltip documentation (in particolare il scripting API) e il how their API works.

così dovrebbe funzionare 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 (quindi probabilmente possibile escludere mouseover o cambiarlo in qualcosa che si sa non è mai attivato su tale elemento (come change)).

Answer 4

Mel,

È possibile scrivere il proprio tooltip, tooltip non sono altro che scatole div con look personalizzato e si sentono e quindi assolutamente posizionati.

Una volta che l'ajax completa mostrare il tooltip da jquerys mostrano

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

se si vuole nascondere, dopo pochi secondi, è possibile farlo anche utilizzando jQuery o javascript setTimeout();

Penso che tutto quello che vuoi dire, una volta ajax completa avete qualche nuovo html nel DOM e si desidera mostrare un po 'di pop-up sopra di tale codice giusto,

Spero che questo aiuti

Answer 5

È possibile utilizzare la funzione di innesco per avviare un'altra funzione associata a mouseOver.

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