jquery - Jquery 工具提示未按预期显示

Question

我正在尝试使用 div 的内容作为工具提示。我的javascript代码如下：

$(document).ready(function() {      
   $('.flexi').tooltip({ 
    effect: 'slide',
    tooltipSourceID:'#qwerty'         
   }); 
});

我的 html 看起来像这样：

<div style="position:relative;">                            
  <p><span class="flexi">Mouse Over</span></p>
  <div id="qwerty" class="tooltip flexidef">                            
     <p>This is the custom tooltip. This is the custom tooltip.</p>   
  </div>
</div>

但是当我将鼠标悬停在“鼠标悬停”上时，什么也没有出现。我将上述代码基于http://swip.codylindley.com/tooltipDemo.html的示例 3 。

任何帮助表示赞赏。

Answer 1

你需要使用tooltipSource属性也没有像effect

$('.flexi').tooltip({ 
tooltipSourceID:'#qwerty', 
tooltipSource:'inline'
}); 

演示

​</p>