javascript - 左边框颜色在 javascript 中不起作用

Question

我正在尝试使用此脚本更改 border-left-color，但我一直收到 Uncaught SyntaxError: Unexpected token -。

不支持 border-left-color 吗？

Javascript

function logoChange() { 
var description = new Array ();
description[0] = "images/logo/blue.png";
description[1] = "images/logo/green.png";
description[2] = "images/logo/orange.png";
description[3] = "images/logo/purple.png";
description[4] = "images/logo/red.png";
description[5] = "images/logo/yellow.png";
var size = description.length;
var x = Math.floor(size*Math.random());
document.getElementById('logo').src=description[x];

var colors = ['#20A3DC', '#72BF48', '#F58623', '#AF3292', '#EA352E', '#FED608'];

var thecolor = colors[x];

$('li span').css({color: thecolor});


$(".orbit-container .orbit-next span").hover(function () {
    $(this).css({
        border-left-color: thecolor  //border-left-color
    });
}, function () {
    $(this).css({
        border-left-color: 'black'  //border-left-color
    });
});


$("a").hover(function () {
    $(this).css({
        color: thecolor
    });
}, function () {
    $(this).css({
        color: 'black'
    });
});

}

window.onload=logoChange;

错误信息

Answer 1

您应该在 css 属性和静态值周围使用引号，同时分配。它应该是:

$(this).css({
    'border-left-color': thecolor  //border-left-color
});