jquery - 从数组中获取随机值以使用 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

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