Question

我在使用qTip2获取带有html内容的弹出窗口时遇到了一些麻烦。显示的弹出窗口是空白的，我不知道为什么。

这是我的javascript：

$('.tooltip').qtip({
    content: {
        text: function(api){
            $(this).next('.tooltip-content');
        }
    }
});

我的HTML是：

<a class="tooltip"></a>
<div class="tooltip-content"><strong>this is some tooltip</strong> content. <em>italic</em></div>

我已经设置了一个jsfiddle来显示我的问题 - http://jsfiddle.net/tajsy/

我打算在一个页面上有很多这些工具提示，所以我想将链接和隐藏的div与其内容配对。

有人能告诉我哪里出错了吗？

Answer 1

由于您使用的是函数，因此需要返回元素：

 text: function(api){
     return $(this).next('.tooltip-content');
 }

Answer 2

qtip2内联HTML http://jsfiddle.net/uaR3m/20/

 $('a').each(function() {
     $(this).qtip({
         content: {
             text: function(api){
             return $($(this).attr('href'));
             }

         }
     });
 });

带有html内容的qTip2

2 个答案: