从数组中获取随机值以使用jquery编辑.css

Question

我正试图让每个按钮上的边框颜色更改为数组中的随机颜色，但它只从数组中选择一个随机颜色用于边框颜色，并且不会更改为随机颜色点击每个按钮。

$(document).ready(function () {
    'use strict';
    var nextBtnClicks = 0,
        previousBtnClicks = 0,
        colors = ['#ff0000', '#00ff00', '#0000ff'],
        random_color = colors[Math.floor(Math.random() * colors.length)];
    $('#NxtBtn').click(function () {
        if (nextBtnClicks < 8) {
            $('#image').animate({left: '-=640px'}, 500, function () {
                $('#pic_box').css('border-color', random_color);
            });
            nextBtnClicks += 1;
        } else {
            $('#image').animate({left: '0px'}, 500);
            nextBtnClicks = 0;
        }
    });
});

Answer 1

您将random_color变量设置在click函数之外，因此它只是设置并保持在那里。将该行移动到.click函数内部。