0

以下代码有效：

$('#class').on('mouseover', '.ado', function() {
 var colors = ["#848484", "#088a08", "#ffbf00", "#a901d8", "#ff0000", "#0000ff"];
    var i = 0;
    $('.ado').each(function(i) {
    $(this).css({'border-left-width' : '5px', 'border-left-style' : 'solid', 'border-left-color' : colors[i]});
    i = (i + 1)%colors.length;
  });
});

具有该类.ado的 div 是在 div 中动态生成的#class（在页面加载时存在），并且代码为每个实例设置了不同颜色的左边框。问题是我无法让它在加载时工作 - 仅在鼠标悬停（或单击等）时。我从 jQuery 网站了解到“加载”是不会冒泡的事件之一，因此.on('load', '.ado', function() {不起作用。如何在没有任何用户操作的情况下将样式应用于页面加载？

谢谢。

4

2 回答 2

0

您可以手动触发这些元素的 mouseover 事件

$('#class .ado').trigger('mouseover')
于 2013-08-16T02:37:22.633 回答
0

你在寻找

$(document).ready(function() { });

http://api.jquery.com/ready/

于 2013-08-16T02:43:57.613 回答