javascript - 特定函数的引用错误

Question

我正在使用 js 代码应用阴影。当我的按钮背景颜色为白色时，它不会应用任何框阴影。但我的功能之一是 Uncaught ReferenceError 。

我的js文件是

var btnDefault = $(".btn");
btnDefault.each(function(index, elem) {

    var btnDefaultbgColor = $(this).css('backgroundColor');
    hexConvert(btnDefaultbgColor);
    if (color === '#ffffff' || color === '#fff') {
        $(this).css({
            'box-shadow': 'none'
        });
    };
});

我的hexConvert函数是

function hexConvert(colorval) {
    var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    if (!parts) {
        return null;
    }
    delete(parts[0]);
    for (var i = 1; i <= 3; ++i) {
        parts[i] = parseInt(parts[i]).toString(16);
        if (parts[i].length == 1) parts[i] = '0' + parts[i];
    }
    color = '#' + parts.join('');
}

background:transperent 可能有问题(我不明白 :/)。但是当背景是白色时它也显示同样的错误

我该如何解决？

Answer 1

这是我之前制作的一个从 rgb 转换为 hex 的函数...我希望它比你的更好:

var RgbToHex = function (string) {
    if( /rgba?\(0,0,0,0\)/.test(string.replace(new RegExp(' ', 'g'), '')) ){
        return "transparent";
    }
    var v = string.replace(/[rgb|ba()]/g, "").split(",");
    var hex0 = parseInt(v[0]).toString(16);
    var hex1 = parseInt(v[1]).toString(16);
    var hex2 = parseInt(v[2]).toString(16);
    return ('#' + (hex0.length == 1 ? "0" + hex0 : hex0).toString() + (hex1.length == 1 ? "0" + hex1 : hex1).toString() + (hex2.length == 1 ? "0" + hex2 : hex2).toString()).toLocaleUpperCase();
}

Check the jsFiddle