造型动态生成的div与jQuery

下面的代码工作：造型动态生成的div与jQuery

$('#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; 
    }); 
});

的div与类.ado都在div #class（其存在于页面加载）动态生成和码样式的每个实例具有不同颜色的左边界。问题是我无法得到这个工作负载 - 只有在鼠标悬停（或点击等）。我从jQuery网站了解到'加载'是不会冒泡的事件之一，所以.on('load', '.ado', function() {不起作用。如何在没有任何用户操作的情况下在页面加载中应用样式？

谢谢。

来源

2013-08-16 sideroxylon

您可以手动触发这些元素

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

来源

2013-08-16 02:37:22

'的setTimeout（函数（）{ $（'。ADO” ）.trigger（'mouseover'）; }，3000）;' - 这有效，但'setTimeout'函数不是一个好主意。使用'$（document）.ready（function（）'不起作用，也许是因为动态加载遵循地理位置（弹出用户同意） - 这就是为什么setTimeout可能不是正确的解决方案（don '''''class'）。ajaxStop（function（）' - 但在那里也没有运气。似乎我需要找到一个div的标志加载后用户已经接受了地理位置。感谢您的帮助。 – sideroxylon

@sideroxylon如何通过ajax请求加载'.ado'元素？ –

解决！我把你的代码放在错误的地方 - 我已经添加它紧接在附加'.ado'类的代码之后。现在完美地工作。谢谢。 – sideroxylon

鼠标悬停事件您是否在寻找

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

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

来源

2013-08-16 02:43:57 Aeolun

造型动态生成的div与jQuery

回答

相关问题