jQuery .CSS不更新背景

时间:2016-04-05 22:55:00

标签: javascript jquery css

我正在尝试将小方块div的网格更改为随机背景色。 据我所知,我的语法是正确的,控制台没有抛出任何错误,但它就像.css()不接受我的genColor方法。

我发现this非常相似,但提供的解决方案似乎没有用。

file.DefaultBucketName(ctx)

在本

中使用
function genColor() {
'use strict';
var hexes = '0123456789ABCDEF'.split('');
var color = '#';

for (var i = 0; i < 6; i++){
    color += hexes[Math.floor(Math.random * 16)];
}//end for loop

return color;

请帮助我无法弄清楚为什么当示例显示它应该时这不起作用。

P.S。 '严格使用';让Brackets编辑JSLint不再向我大喊大叫。尽可能接近我不能影响上面的代码。

1 个答案:

答案 0 :(得分:4)

问题似乎是Math.random,这是一个函数,所以它应该是Math.random()。此外,不确定您的代码,但事件监听器应该在函数之外分配。

function genColor() {
  'use strict';
  var hexes = '0123456789ABCDEF'.split('');
  var color = '#';
  for (var i = 0; i < 6; i++){
    color += hexes[Math.floor(Math.random() * 16)];
  }//end for loop
  return color;
}

$('.square').on('mouseenter', function () {
  $(this).css('background', genColor()); 
});

这是一个有效的演示:https://jsfiddle.net/fb15L86u/