javascript - qTip2 与 html 内容

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