8

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

これは私のビューコードです

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

このリンクのhtmlは

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

そして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>

モーダルウィンドウで表示されていますが、ツールチップで開きたいのですが、どうすればいいですか、助けてください。事前にたくさんのありがとう、私は本当にここで立ち往生しました。

4

3 に答える 3

1

これがあなたを助けることを願っています..

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

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

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

    });
});
于 2013-03-08T12:24:41.123 に答える
0

問題が jquery 構文のみにある場合は、これを試すことができます。

   $(this).attr("title", html);
于 2013-03-08T12:24:39.000 に答える
0

モーダルウィンドウの代わり。id tooltip を持つ div のコンテナがあります。このような。次に、結果を追加します。このようなもの：デモのツールチップ。およびこの回答から取得したCSS Pure CSS Tooltip

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

作業デモ:ツールチップのデモ

または、タイトル属性に追加できます。

 $('#elementId').attr('title',data);
于 2013-03-08T12:27:02.687 に答える