Flexslider – 鼠标hover在圆点上时显示工具提示

我在我的页面中使用http://flexslider.woothemes.com/ flex滑块插件。

Below is my code for flexslider: html: 
 
 
Image 1
 
Image 2
 
Image 3
 
 
 js: java script code for flex slider and this code is used to initialize the flex slider while page load. $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", slideshow: false, controlNav: true, directionNav: false, easing: "swing" }); }); 

所有，我想要的是当我鼠标移动到点（用于在幻灯片之间导航）时，工具提示应该重新出现并显示某种消息说“幻灯片编号”。

Answer 1

正如RRR所建议的那样，我为每个点添加了title 。

 $(".flexslider ol li a").each(function(index){ $(this).attr("title","slide number "+(index+1)); }); 

请参考这个小提琴