Wie werden die Daten aus der Datenbank über den Tooltip angezeigt?

Question

Ich möchte die Daten von AJAX-Anfrage zu Tooltip anzeigen, es ist gerade im modalen Fenster geöffnet, aber ich möchte es in den Tooltip öffnen, wie kann ich das tun, ich habe viel versucht, aber keinen Erfolg, ich hier stecken geblieben, bitte helfen Sie mir, Daten durch Tooltip zu zeigen.

das ist meine Ansicht Code

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

die html dieser Link

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

und jquery ist es

 <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> 

es diplay in modalen Fenster ist, aber ich will um es im Tooltip zu öffnen, wie kann ich das tun, bitte hilf mir. Vielen Dank im Voraus, ich steckte hier wirklich fest.

Answer 1

Wenn das Problem nur mit jquery Syntax ist, können Sie dies versuchen:

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

Answer 2

hoffe, dies wird Ihnen helfen ..

$(".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

Statt modalen Fenster. Sie haben nur einen Container für div mit ID Tooltip. so was. Fügen Sie dann die Ergebnisse hinzu. etwas, was wie folgt aus: Demo tooltip. und CSS aus dieser Antwort genommen Pure CSS Tooltip

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

Arbeits Demo: DEMO for Tooltip

oder Sie können Titel Attribut anhängen.

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