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

DEMO