ツールチップからデータベースのデータを表示する方法は？

Question

ajaxリクエストのデータをツールチップに表示したいのですが、今はモーダルウィンドウで開いていますが、ツールチップにそのデータを開きたいのですが、どうすればいいですか？ここにこだわって、ツールチップでデータを表示するのを手伝ってください。

この

が私の見解をこのリンクの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> 

それはモーダルウィンドウ内diplayがあるですが、私はしたいですツールチップで開くには、どうすればいいのですか、私を助けてください。事前にトンをありがとう、私は本当にここにこんにちは。

Answer 1

問題は、jQueryの構文でのみである場合、あなたはこれを試すことができますが：

$(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);