如何使寻呼机悬停在 bxslider 上？答案

【问题标题】：How do I make pager hover on bxslider?如何使寻呼机悬停在 bxslider 上？
【发布时间】：2014-03-07 14:27:28
【问题描述】：

我正在使用bxslider 内容滑块。当我将鼠标悬停在寻呼机上时，我想获得一个工具提示，说明幻灯片的标题。

这是我的JSFiddle。

假设如果我将鼠标悬停在 pager1 上，它应该显示 slide1，当我悬停在 pager 4 上时，它应该显示 Slide4。

我试过了，但它打破了滑块。这是我尝试过的代码。

$('.bx-pager-link').on("mouseenter", function()({
$('.bx-pager-link').att("title = '.heading'");
});

【问题讨论】：

标签： bxslider jquery-hover pager

【解决方案1】：

你在 attr 中缺少一个 'r' 并且你的语法是错误的。

试试这个代码。

$('.bx-pager-link').on("mouseenter", function(){
$('.bx-pager-link').attr("title", "This is a title");
});

JSFiddle

编辑：对于寻呼机上的工具提示，您需要这样做，

JS：

var slider = $('.bxslider').bxSlider({
   pager: true,
   pagerCustom: '#bx-pager',
)};

HTML：

<div id = "bx-pager">
    <li>
        <a data-slide-index="0" title = "Tooltip text goes here" class = "slide" href="">
            Slide1
        </a>
    </li>
    <li>
        <a data-slide-index="1" title = "Tooltip text goes here" class = "slide" href="">
            Slide2
        </a>
    </li>
    <li>
        <a data-slide-index="2" title = "Tooltip text goes here" class = "slide" href="">
            Slide3
        </a>
    </li>
    <li>
        <a data-slide-index="3" title = "Tooltip text goes here" class = "slide" href="">
            Slide4
        </a>
    </li>
</div>

PS：不要忘记在 . More

【讨论】：

但它仍然没有在工具提示上给出 div 内容？？