Jak wyświetlić dane z bazy danych za pomocą podpowiedzi?

Question

Chcę wyświetlić dane z żądania ajax do podpowiedzi, jest otwarty w oknie modalnym, ale chcę go otworzyć w podpowiedzi, jak to zrobić, wiele próbowałem, ale nie osiągnąłem sukcesu, utknął tutaj, pomóż mi pokazać dane za pomocą podpowiedzi.

to jest mój kod widok

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

html z tym linkiem jest

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

i jQuery jest tam

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

to diplay w modalnego okna, ale chcę aby otworzyć go w dymku, jak mogę to zrobić, pomóż mi. dziękuję z góry, naprawdę tu utknąłem.

Answer 1

Jeśli problem jest tylko z składni jQuery, można spróbować to:

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

Answer 2

Nadzieja to pomoże ..

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

Zamiast modalnego okna. po prostu masz kontener dla div z etykietą id. lubię to. następnie dołącz wyniki. niektóre rzeczy tak: demo tooltip. i CSS zaczerpnięte z tej odpowiedzi Pure CSS Tooltip

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

demo robocza: DEMO for Tooltip

lub można dołączyć do atrybutu tytułowej.

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