jquery - 反转这个 jQuery 幻灯片插件

Question

我需要帮助来恢复这个插件:

$(document).ready(function() { 
  var currentDiv = 0;
$('#wof #arrowRight').click(function() {
    $('.group' + (currentDiv + 1)).fadeOut(250);
    currentDiv = (currentDiv + 1) % 5;
    $('.group' + (currentDiv + 1)).delay(250).fadeIn(250);
}); 
});

这是右箭头，我需要一个带左箭头的箭头，这样你就可以返回一个数字。我试过了，但它有点破坏了插件。

$('#wof #arrowLeft').click(function() {
    $('.group' + (currentDiv + 1)).fadeOut(250);
    currentDiv = (currentDiv + 1) % 5;
    $('.group' + (currentDiv - 1)).delay(250).fadeIn(250);
}); 
});

那么我该如何以最聪明的方式做到这一点？

Answer 1

这应该有效:

$('#wof #arrowLeft').click(function() {
    $('.group' + (currentDiv + 1)).fadeOut(250);
    currentDiv = currentDiv - 1;
    if (currentDiv < 0)
        currentDiv = 4;
    $('.group' + (currentDiv + 1)).delay(250).fadeIn(250);
});

您需要减少 currentDiv，而不是增加它。