qTip2 with html content

Question

我在使用HTML內容的彈出窗口使用qTip2時遇到了一些麻煩。顯示的彈出窗口是空白的，我不知道爲什麼。

這裏是我的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')); 
      } 

     } 
    }); 
});