Question

我想显示从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>

它在模态窗口中显示，但我想在工具提示中打开它，我该怎么做，请帮助我。非常感谢，我真的很喜欢这里。

Answer 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);
        } 

    });
});

Answer 2

如果问题仅与jquery语法有关，可以试试这个：

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

Answer 3

而不是模态窗口。你只有一个带有id工具提示的div容器。像这样。然后追加结果。这样的一些事情：演示tooltip.和从这个答案中取出的CSS Pure CSS Tooltip

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

工作演示：DEMO for Tooltip

或者您可以附加到title属性。

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

如何通过工具提示显示数据库中的数据？

3 个答案: