Javascript随机填充底部

这里是javascript的新手。我试着点击这里的链接：

但我没能在我的#menu4645908导航链接上复制同样的效果

我使用#menu4645908。红色：悬停但无效

注意：我确实将类的变量从颜色更改为填充，我只是在工作时使用了相同的类名，在工作时会更改

知道我哪里出错了吗

[更新]

这是即时通讯使用的css，从线程复制

#menu_4645908.green:hover { color: #1ace84; }
#menu_4645908.purple:hover { color: #a262c0; }
#menu_4645908.teal:hover { color: #4ac0aa; }
#menu_4645908.violet:hover { color: #8c78ba; }
#menu_4645908.pink:hover { color: #d529cd; }

这就是javascript

$(document).ready(function() { 
    $("a").hover(function(e) { 
        var randomClass = getRandomClass(); 
        $(e.target).attr("class", randomClass); 
    }); 
}); 

function getRandomClass() { 
   //Store available css classes 
   var classes = new Array("green", "purple", "teal", "violet", "pink"); 

   //Give a random number from 0 to 5 
   var randomNumber = Math.floor(Math.random()*6); 

   return classes[randomNumber]; 
} 

---

您的代码中似乎有两个问题：

jQuery有一个

addClass（）

函数，它完全满足您的需要

该类不应在悬停时分配，而应在页面加载时分配

所以试试这个：（）

EDIT：正如用户分号在评论中所说，只有当您只希望在pageload中分配随机类时，这才有效。

在这种情况下，您可以每次只指定一种特定的颜色：

$(document).ready(function() {
  ("a").hover(function(){
    $(this).css('color', getRandomColor());
  }, function(){
    $(this).css('color', ''); // Reverts to default color
  });
}); 

function getRandomColor() {
 var colors = new Array("#1ace84", "#a262c0", "#4ac0aa", "#8c78ba", "#d529cd");
 var randomNumber = Math.floor(Math.random()*colors.length); 
 return colors[randomNumber];
} ​

---

您仅将CSS分配给id为

menu_4645908

的元素，但在每个元素上附加

hover（）

回调。这真的是你想要的吗？您确定您的

元素具有该ID吗？难道不是
$（“#menu4645908”）。hover（函数（e）{
更合适吗？这假设的目标是使颜色随机一次。大豪似乎更可能是专门使用jQuery的hover来使颜色每次都随机。如果是这样，这意味着他应该解开前一个悬停“事件”（实际上是鼠标悬停事件或其他事件）的绑定在分配新的类之前。另外，使用attr而不是ADDCASE可以让您完全覆盖这些类，而无需先删除任何以前的类——这似乎与每次随机设置的目标一致。您好，我只是在尝试时使用这些代码，但我的主要目的不是改变颜色，而是填充我的menu tabs…有没有办法将它从改变颜色转换为改变填充？
$(document).ready(function() {
  ("a").hover(function(){
    $(this).css('color', getRandomColor());
  }, function(){
    $(this).css('color', ''); // Reverts to default color
  });
}); 

function getRandomColor() {
 var colors = new Array("#1ace84", "#a262c0", "#4ac0aa", "#8c78ba", "#d529cd");
 var randomNumber = Math.floor(Math.random()*colors.length); 
 return colors[randomNumber];
} ​