툴팁을 통해 데이터베이스의 데이터를 표시하는 방법은 무엇입니까?

Question

아약스 요청의 데이터를 툴팁으로 표시하고 싶습니다. 지금은 모달 창에서 열려 있지만 도구 설명으로 열려고합니다. 어떻게 할 수 있습니까? 많이 시도했지만 성공하지 못했습니다. 여기에 머물러 있으니 툴팁을 통해 데이터를 보여 주도록 도와주세요.

이

내보기이 링크의 HTML이

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

입니다

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

코드와 JQuery와있다

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

는 모달 창으로 모니터가,하지만 난 원하는 툴팁으로 열려면 어떻게해야합니까, 도와주세요. 미리 감사드립니다. 정말 여기에 갇혔습니다.

문제는 JQuery와 구문의 경우

Answer 1

, 당신이 시도 할 수 있습니다 :

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

Answer 2

희망이 당신에게 도움이 될 것입니다 .. 대신 모달 창

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

. id 툴팁을 가진 div를위한 컨테이너가 있습니다. 이렇게. 그런 다음 결과를 추가하십시오. 이 같은 몇 가지 데모 tooltip.와 CSS는이 대답 Pure CSS Tooltip

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

에서 가져온 근무 데모 : DEMO for Tooltip

또는 title 속성을 추가 할 수 있습니다.

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