如何将此方法应用于所有未来的匹配元素？

Question

以下javascript / jquery片段将css应用于DOM中所有当前匹配的元素。

$('.centeredByJquery').each(function(){
    $(this).css({'margin-left': -parseInt($(this).css('width'))/2,
                'left':'50%',
                'margin-top': -parseInt($(this).css('height'))/2,
                'top':'50%'});
})

如何将此方法应用于所有未来的匹配元素？

Answer 1

你不能..唯一的方法是使用间隔：

setInterval(function(){
    $('.centeredByJquery').each(function(){
        $(this).css({'margin-left': -parseInt($(this).css('width'))/2,
                    'left':'50%',
                    'margin-top': -parseInt($(this).css('height'))/2,
                    'top':'50%'});
    })
},1000);

但这是一个可怕的想法..

如果您知道何时插入新元素，您只需调用一个函数来居中该元素。