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网站了解到，'load'是不会冒泡的事件之一，因此.on('load', '.ado', function() {不起作用。如何在没有任何用户操作的情况下将样式应用于页面加载？

感谢。

Answer 1

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

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

Answer 2

您在寻找

吗？

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

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

使用jQuery动态生成div的样式

2 个答案: