带有html内容的qTip2

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