Question

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

这是我的JSFiddle。

因此，如果我将鼠标悬停在pager1上，它应该说是slide1，当我将鼠标悬停在寻呼机4上时，应该说是Slide4。

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

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

Answer 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：别忘了写“data-slide-index”。 More

如何在bxslider上进行寻呼机悬停？

1 个答案: