javascript - 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/

これらのツールチップを1ページにたくさん掲載する予定なので、リンクと非表示のdivをそのコンテンツと組み合わせたいと思います。

誰かが私がどこで間違っているのか教えてもらえますか？

Answer 1

関数を使用しているため、次の要素を返す必要があります。

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

Answer 2

qtip2インラインHTMLhttp ://jsfiddle.net/uaR3m/20/

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

         }
     });
 });