Question

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

Below is my code for flexslider:

html: 
<div class="flexslider">
    <ul class="slides">
        <li>Image 1</li>
        <li>Image 2</li>
        <li>Image 3</li>
    </ul>
</div>

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

请参阅此fiddle

Flexslider - 鼠标悬停在圆点上时显示工具提示

1 个答案: