Come visualizzare i dati dal database tramite tooltip?

Question

Voglio visualizzare i dati da una richiesta Ajax a tooltip, è aperto in modal window in questo momento, ma voglio aprirlo nel tooltip, come posso farlo, ho provato molto ma non ho avuto successo, I stucked qui, per favore aiutami a mostrare i dati attraverso tooltip.

questo è il mio codice di vista

echo $this->Manager->link('Groups',array('action'=> 'test_contact_group', $records['Contact']['contact_id']),array('class'=>'ajax_links')); 

l'html di questo collegamento è

<a class="ajax_links" help="a" href="/contacts/test_contact_group/78">Groups</a> 

e jQuery è lì

 <script> 
$(".ajax_links").hover(function(e) { 

    e.preventDefault(); 
    var link = $(this).attr('href'); 

    $.ajax({ 
     type: "POST", 
     url: link, 
     cache: false 
    }).done(function(html) { 

     jQuery('#myModal').modal('show'); 
     jQuery('.modal-body').html("Groups" + html); 

    }); 
}); 


</script> 

è diplay a finestra modale, ma voglio per aprirlo in tooltip, come posso farlo, per favore aiutatemi. grazie mille in anticipo, mi sono davvero spinto qui.

Answer 1

Se il problema è solo con la sintassi jQuery, si può provare questo:

$(this).attr("title", html); 

Answer 2

Spero che questo vi aiuterà a ..

$(".ajax_links").hover(function(e) { 

    e.preventDefault(); 
    var link = $(this).attr('href'); 

    $.ajax({ 
     type: "GET", 
     url: link, 
     success : function (data){ 
     $('#elementId').attr('title',data); 
     } 

    }); 
}); 

Answer 3

Invece di finestra modale. hai solo un contenitore per div con id tooltip. come questo. quindi aggiungere i risultati. qualche cosa come questo: demo tooltip. e CSS preso da questa risposta Pure CSS Tooltip

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

demo di lavoro: DEMO for Tooltip

oppure si può aggiungere al attributo title.

$('#elementId').attr('title',data);