如何將下一張和上一張幻燈片的名稱懸停在下一個和上一個按鈕上？

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 鏈接