.css()无法更新背景颜色。

Question

整个代码都可以正常运行，但是当我将代码复制到我的朋友的网站时，颜色不会像通常那样更新。 不确定为什么现在无法工作。

[https://pastebin.com/jm8s6gzX][1]

   function loadPalletes() {
        let colorIndexNum = 0;
        for(let palletes in penguinColors) {
            let colorHex = penguinColors[palletes],
                colorIndex = palletes,
                colorIndexCurrNum = ++colorIndexNum;
            $('#palletes').append(`<div data-id="${colorIndexCurrNum}" class="tinyPallete" style="background: #${colorHex}"></div> `);
        }
        $("#palletes").on("click", function(e) {
            let palletId = $(e.target).attr('data-id'); 
            e.currentTarget.querySelector('.active') ?.classList.remove('active');
            if(e.target.classList.contains('tinyPallete')) {
                e.target.classList.add('active');
            }
            $("#penguinDoll").css('background-color', penguinColorByIndex(palletId, false));
            console.log("color updated?")
        });
    }
 
    function penguinColorByIndex(index, keys) {
        if(keys) {
            return(Object.keys(penguinColors)[--index]);
        }
        return(Object.values(penguinColors)[--index]);
    }
    let penguinColors = { 
        "Blue": "003366",
        "Green": "009900",
        "Pink": "FF3399",
        "Black": "333333",
        "Orange": "FF6600",
        "Yellow": "FFCC00",
        "Dark Purple": "660099",
        "Brown": "996600",
        "Red": "CC0000",
        "Dark Green": "006600",
        "Light Blue": "0099CC",
        "Lime Green": "8AE302",
        "Gray": "93A0A4",
        "Aqua": "02A797",
        "Arctic White": "F0F0D8"
    };
   window.onload = function() {
        loadPalletes();
    }

我附上了整个首页的pastebin。

- Reed

---

在问题中发布相关的代码 - 检查浏览器控制台中的错误。 - Bravo

Answer 1

问题出在这一行代码上： $("#penguinDoll").css('background-color', penguinColorByIndex(palletId, false));

具体来说，是由penguinColorByIndex返回的值，它只是一个十六进制值（例如333333）。

你需要添加一个#符号使其有效，像这样： $("#penguinDoll").css('background-color', '#' + penguinColorByIndex(palletId, false));

因此，你设置的是#333333，而不是333333。

- Jack

---

这很奇怪，因为在我的原始文件中我不必包含井号，但这确实解决了问题。 - Zesty