如何将下一张和上一张幻灯片的名称悬停在下一张和上一张按钮上？

Question

我需要您帮助在滑块的箭头上实现悬停功能，在“下一张”箭头上显示下一张幻灯片的名称，在“上一张”箭头上显示上一张幻灯片的名称。

我尝试使用 jQuery 对其进行编码，但似乎无法正常工作。

感谢您的帮助！

Answer 1

你可以像这样实现它；

$("#next").mouseenter(function () {
    // Next slide name
    $(this).html("N1");
});
$("#next").mouseleave(function () {
    $(this).html("Next");
});

$("#prev").mouseenter(function () {
    // Prev slide name
    $(this).html("P1");
});
$("#prev").mouseleave(function () {
    $(this).html("Prev");
});

jsfiddle link