jquery - 更改背景颜色反转文本 jQuery

Question

我找到了一些有前途的代码来随机背景 css 颜色和反转文本颜色，但似乎无法让它工作。非常感谢任何帮助。

$(document).ready(function() {
var colors = ['#000000', '#FF3516', '#34FF17', '#2458FF'];
function UpdateColors() {
    $(this).each(function(index) {
        var color = colors[Math.floor(Math.random() * colors.length)];
        var invertedColor = invertColor(color);
        $(this).css({
            'background-color': color,
            'color': invertedColor
        });
    });   
}
//$('div').UpdateColors();
});

在这里 fiddle :

https://jsfiddle.net/abennington/h49zh3gy/10/

Answer 1

您没有扩展 jQuery，所以它看不到 $('div').UpdateColors() 函数。

我已经对其进行了调整，以便您可以这样使用函数:jQuery.fn.UpdateColors = function () { ... }

请参阅此 fiddle https://jsfiddle.net/h49zh3gy/11/

但是你仍然会得到一个错误，因为 invertColor 函数没有在任何地方定义。