使用jQuery为动态生成的div设置样式

Question

以下代码有效：

$('#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() {不起作用。如何在没有任何用户操作的情况下将样式应用于页面加载？

谢谢。

Answer 1

您可以手动触发元素的鼠标悬停事件

$('#class .ado').trigger('mouseover')

Answer 2

你在找吗

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

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